What is this?
This is a website about UI. Not the "modern" UI with 5MB of JavaScript,
12 framework dependencies, and enough npm packages to crash a small economy.
This is pure HTML. Semantic. Accessible. Fast. No external requests.
Just honest markup doing its job.
Web Components
Custom elements built with vanilla JavaScript. No frameworks required.
A button component with built-in accessibility.
Click Me
Secondary
Delete
<mf-card>
A semantic card component for grouping content.
Card Title
This is card content. Simple, semantic, accessible.
Card footer content
Another Card
More content in another card. Web components use slots for composition.
<mf-toggle>
An accessible toggle switch with ARIA support.
Enable notifications
Dark mode
Auto-save
<mf-tabs>
Accessible tabbed interface with keyboard navigation.
Panel 1
Content for the first panel. Uses native button elements for tabs.
Panel 2
Content for the second panel. Arrow keys navigate between tabs.
Panel 3
Content for the third panel. Tab panels use aria-hidden for accessibility.
Interactive Form
A form using native HTML elements and our custom button component.