daviddarnes/component-template daviddarnes/component-template

  • Stars
    star
    125
  • Rank 286,335 (Top 6 %)
  • Language
    HTML
  • License
    MIT License
  • Created 12 months ago
  • Updated 5 months ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
daviddarnes/component-template
github

daviddarnes

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Template for kicking off a new Web Component

More Repositories

1

alembic

โš—๏ธ A Jekyll boilerplate theme designed to be a starting point for any Jekyll website
SCSS
752
star
2

mac-cursors

โœ› All cursor icons from OS X, in SVG format
Nunjucks
369
star
3

garth

๐Ÿฅ A really basic theme for Jekyll
SCSS
131
star
4

netlify-plugin-ghost-markdown

Returns Ghost content as markdown files for static site generators like Jekyll to consume.
JavaScript
67
star
5

link-peek

A Web Component to unfurl regular links into rich previews
HTML
47
star
6

eleventy-plugin-unfurl

Unfurl links into rich cards, as seen in places like Slack and Twitter
JavaScript
45
star
7

play-button

A Web Component to play audio or video with a button
HTML
37
star
8

mastodon-post

A Web Component to display Mastodon posts and their metadata
HTML
32
star
9

share-button

A Web Component to share web pages using the native OS sharing options
HTML
31
star
10

code-pen

A Web Component to open code samples in CodePen
HTML
31
star
11

jekyll-search-js

๐Ÿ” Search through your jekyll pages, posts, or any collection the ES6 way
JavaScript
28
star
12

storage-form

A Web Component that allows you to submit data to local storage
HTML
27
star
13

heading-anchors

A Web Component to add anchor links to headings with IDs
HTML
26
star
14

inline-email-form

๐Ÿ“ซ An inline email dialog, inspired by @MrMarkCollins and designed by @mr-stezz
HTML
25
star
15

eleventy-plugin-ghost

Access the Ghost API in Eleventy ๐Ÿ‘ป๐ŸŽˆ
JavaScript
20
star
16

daviddarnes.github.io

๐ŸŒ My site for showing experiments, tools and other projects
CSS
16
star
17

live-filter

A Web Component for filtering items using a text input
HTML
13
star
18

alembic-netlifycms-kit

โš—๏ธ๐Ÿ’  Starter kit for Alembic with Netlify CMS, hosted on Netlify
HTML
12
star
19

sample-input

A Web Component to sample audio or video added to an upload input
HTML
12
star
20

alembic-kit

โš—๏ธ๐Ÿ“ฆ Starter kit for Alembic, hosted on GitHub Pages, Netlify or anywhere you like
Ruby
11
star
21

ticket

โš“๏ธ A cute little theme for Anchor CMS
PHP
11
star
22

is-playing

A Web Component to indicate when an audio, or video, element is playing
HTML
10
star
23

duration-property

A Web Component to surface an audio or video's duration as a CSS Custom Property
HTML
9
star
24

repo-listing-demo

โš™ A demo showing the usage of GitHub Pages to list public repos, to coincide with my tuts+ tutorial
CSS
8
star
25

contrast-details

A Web Component to display the contrast ratio and level of two colours using CSS custom properties
HTML
8
star
26

css-buttons

๐Ÿ’ก Literally CSS buttons
CSS
6
star
27

plain

โš“๏ธ Plain: An Anchor CMS theme by Chris Veto
PHP
5
star
28

flynn

๐Ÿ“ˆ Flynn is a CSS grid I use for personal projects
CSS
5
star
29

random-source

A Web Component to randomly change audio or video sources
JavaScript
5
star
30

gatsby-starter-ghost-blog

Gatsby starter for creating a Ghost powered blog
JavaScript
4
star
31

anchorthemes.com

โš“๏ธ Source repo for Anchor Themes and Anchor Showcase
Nunjucks
4
star
32

awetheme

โš“๏ธ Awetheme: An Anchor CMS theme by @CosminNegoita
PHP
3
star
33

garth-kit

๐Ÿฅ๐Ÿ“ฆ Starter kit for Garth, hosted on GitHub Pages, Netlify or anywhere you like
Ruby
3
star
34

mic-drop

โœ‹๐ŸŽค Dropping the mic on Netlify Drop
HTML
2
star
35

greaves

โš“๏ธ Greaves: An Anchor CMS theme by Russell Jones
CSS
2
star
36

prototype

โš“๏ธ Prototype: An Anchor CMS theme by @CosminNegoita
PHP
2
star
37

sando

โš“๏ธ Sando: An Anchor CMS theme by @CosminNegoita
PHP
2
star
38

alembic-stackbit-kit

โš—๏ธ๐Ÿš€ Starter kit for Alembic on Stackbit
Ruby
2
star
39

cleat

โš“๏ธ A light and pure theme thats simple at heart
CSS
1
star
40

garth-stackbit-kit

๐Ÿฅ๐Ÿš€ Starter kit for Garth on Stackbit
Ruby
1
star
41

svg-sprite-demo

โš™ A demo showing the usage of SVG sprites, to coincide with my tuts+ tutorial
HTML
1
star
42

alembic-forestry-kit

โš—๏ธ๐ŸŒฒ Starter kit for Alembic with Forestry
Ruby
1
star
43

dropinblog-beanthere-site

Demonstration of switching from DropInBlog embed code to a fully fledged blog site, using Eleventy to generate the blog and blog pages
HTML
1
star