Ultra modern monospace component library for React and Tailwind CSS v4 — AI cards, bento grids, dashboards, hero sections and animated pixel spinners.
A 4×4 pixel-grid loading spinner: 4 frames at 180ms (720ms loop).
A 4×4 pixel-grid loading spinner: 12 frames at 110ms (1320ms loop).
A 3×3 pixel-grid loading spinner: 3 frames at 260ms (780ms loop).
A 5×5 pixel-grid loading spinner: 25 frames at 75ms (1875ms loop).
A 4×4 pixel-grid loading spinner: 4 frames at 160ms (640ms loop).
A 4×4 pixel-grid loading spinner: 6 frames at 180ms (1080ms loop).
A 4×4 pixel-grid loading spinner: 16 frames at 90ms (1440ms loop).
A control that allows the user to toggle between checked and not checked.
A responsive table component.
A set of layered sections of content, known as tab panels, that are displayed one at a time.
Displays a form textarea or a component that looks like a textarea.
A two-state button that can be either on or off.
A set of two-state buttons that can be toggled on or off.
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
A responsive grid of GitHub repositories with language, stars and forks — pass your own list or leave the sample rows in.
Token usage split three ways across one shared track. The segments sit in a single rail rather than three of their own, because the point of the picture is that they add up to a budget. The largest share carries a blue to sky gradient, held in hex rather than tokens because it is the one lit thing in the picture and a token that reskins with the page would take the highlight with it; the other two are the host's own token at two depths, so the chart stays legible in whatever palette the host is running and a second hue never reads as a second measurement. One component and one stylesheet, no dependencies and no client hooks.
A hook that reports whether the viewport is below the mobile breakpoint.