STRUCTURED
UI
COMPONENTS.
Alloy is a library of square-edged, grid-aligned UI components built on Tailwind CSS v4. Copy the markup, paste it into your project, and restyle it with design tokens.
Design
System.
Every component is built from visible rectangular blocks. Padding, scaling and borders follow the same rules everywhere, so pieces line up when you combine them.
Consistent Structure
Base elements share the same spacing and border rules.
Core
Components.
Every button, input and container is self-contained. You can restyle or swap one component without breaking the layout around it.
Self-Contained Elements
Styled in isolation, safe to drop into any page.
Spacing
Grid.
Every measurement comes from a fixed spacing scale. Components align because they share the same units — no half-pixels, no drifting baselines.
Consistent Measurements
Every size variant uses the same spacing scale.
17 New
Components.
Version 1.2 adds three new categories — timelines & activity, empty states and files & media — plus a command palette, toast stack, verification code input and three prebuilt page layouts.
Switches, switch banks and segmented controls.
Progress bars, KPI tiles and status grids.
Spinners, skeletons and boot logs.
Tooltips, dropdowns, popovers and menus.
Page numbers, steppers and load-more blocks.
Metric strips, charts and KPI panels.
Asymmetric modular feature and dashboard grids.
Article grids, featured posts and post lists.
Connector grids, flows and API lists.
Subscribe blocks and terminal captures.
Timelines, deploy steps and pipeline graphs.
Profile cards, grids and rosters.
Accordions and split FAQ layouts.
Dashboard, kanban and settings shells.
Activity feeds, changelogs and audit logs.
No-result, first-run and error placeholders.
Dropzones, file browsers and storage meters.
Recolor
everything live.
Pick a primary, surface and background color from the panel in the corner. The contrast engine re-derives the neutral ramp and switches text ink automatically, so every component stays legible — even on light backgrounds.