Made for all devices.

ENA Is in development.

Test page for mobile reactivity.

Button A Button B
Modern building

Container-aware card

This card flips to a side-by-side layout when its container is at least @md wide — regardless of the viewport.

  • @sm grid-cols-2
  • @md flex-row
  • @lg larger padding
  • @max-md stacks

Scale with screens

Utilities are mobile-first. Add sm:, md:, lg:, xl:, 2xl: prefixes to progressively enhance.

⚡

Blazing Fast

Fast to build, faster to load.

Base @sm @md
📱

Adaptive Layouts

Mobile-first.

Base @sm @md
🧩

Container-aware

Components reflow.

Base @sm @md
♿

A11y-minded

Semantic HTML and focus-visible affordances.

Base @sm @md

Breakpoint ranges

Use md:max-lg:* to target a single range. The card on the right gets a subtle accent only between md and lg.

Resize the viewport so its width is within the md..lg range to see the accent ring.

Have a question?

TBA

Button C Button D