MotherfuckingUI.com

Web UI without the bullsh*t.

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.

<mf-button>

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.

Subscribe to newsletter
Submit Form Reset

Contact

No email. No forms. No tracking.

This is a static HTML file. If you want to contact someone, use carrier pigeon.