Accessible by design
Skip link, semantic landmarks, ARIA on interactive widgets, strong focus states.
Liquid glass vibes. TypeScript brain.
Now with gooey, morphing blobs, heavy glassmorphism, and code refactored to TypeScript-style with JSDoc typing so it runs in the browser without a build step.
Feature Cards
Scroll to reveal. Uses IntersectionObserver.
Responsive grid
Fluid container, CSS Grid + media queries, clamp() typography.
Modern APIs
dialog, custom elements, canvas, and gooey SVG filter.
Tabs, Accordion, Dialog
These tabs use ARIA roles and keyboard support (ArrowLeft/ArrowRight, Home/End).
What is this?
A progressively enhanced accordion using native
<details>.Another item
Semantics first, JS optional.
Open the dialog to see an accessible modal with focus trapping.
Sortable Table
Click headers to sort. Uses Intl.Collator for locale-aware sorting.
| Svelte | 77,600 | TypeScript | 2016 |
|---|---|---|---|
| Vue | 207,000 | TypeScript | 2014 |
| React | 224,000 | TypeScript | 2013 |
| Solid | 35,400 | TypeScript | 2018 |
| Angular | 94,600 | TypeScript | 2016 |
Form with Client-side Validation
Custom Element: <star-rating>
A web component with keyboard support and events.
Current value: 3