Snippets

Styles Library

• Colours (using Vue.js)
• Headings
• Links and Buttons
• Social Icons
• Mouse Cursors (CSS)
• Backgrounds
• Lists
• Basic Reset
• Containers
• Fonts
• Forms

Utility Library

• Screensizes (using jQuery)
• Touch Events (using jQuery)
• Gestures Dashboard(Vanilla JavaScript)
• CSS clamp (JS Web Components)
• CSS Browser Defaults

HTML Semantics

• Form Tags
• HTML Text Tags
• HTML Meta Tags

Components Library

• Drag and Drop + a11y
• Draggable
• Darkmode Toggle (using jQuery.js)
• Hamburger Menu (CSS only)
• Routing & i18n (Web Components)
• Emoji Card
• HTML DnD (HTML API)
• Dialog Sheet (dialog element)
• Radio Group
• Star Rating
• Youtube Gallery

Concepts Library

• Playing with scroll - fade out (using Vue.js)
• Playing with scroll - animated circles (using Vue.js)
• Playing with scroll - animated text (using Vue.js)
• Scroll repell (using Vue.js)
• Scroll links (using Vue.js)
• Scroll object (using Vue.js)
• Scroll cube (using Vue.js)
• Scroll gallery (using Vue.js)
• Mouse repell (using Vue.js)
• Animating an SVG path (CSS only)
• 3D cube (CSS only)
• Canvas animation (using Vue.js)
• A2HS app (PWA)
• Fullscreen app (Fullscreen API)
• Gallery
• github-api
• image-loading
• parallax
• simple-lazy-loading
• Star Canvas
• Importmap Test

Content

• Markdown
• Markdown-It
• KaTeX
• LaTeX
• MathJAX

Design

• Neumorphic (using CSS)
• Glassomorphic