40 free components. MIT licensed. No account.

Expand/collapse FAQ list with measured-height animation, single or multi-open modes, and arrow-key navigation between headers.

MIT source · see copy instructions

Single avatar or an overlapping stack with a plus-N overflow chip, falling back to deterministic initials-over-tint when no image is given.

MIT source · see copy instructions

Single pill component covering solid, soft, and outline badge variants across brand and semantic tones, with an optional removable tag mode.

MIT source · see copy instructions

Static breadcrumb trail with BreadcrumbList microdata that collapses the middle segments into an ellipsis on long paths.

MIT source · see copy instructions

One button primitive covering primary/secondary/ghost/destructive variants, three sizes, a loading spinner state, and an icon-only mode.

MIT source · see copy instructions

Centred placeholder for an empty list, table, or panel with an icon slot, title, description, and action slot.

MIT source · see copy instructions

Static inline banner covering info, success, warning, and error severities with the correct assertive/polite ARIA role per severity.

MIT source · see copy instructions

Shimmer skeleton placeholders for text lines, an avatar row, a card, and a table row, with the shimmer disabled under reduced motion.

MIT source · see copy instructions

Controlled numbered pager with ellipsis compression for large page counts and prev/next controls.

MIT source · see copy instructions

Keeps a React subtree mounted for its CSS exit transition, then unmounts it with reduced-motion support, re-entry cancellation, and inert exiting content.

MIT source · see copy instructions

Horizontal multi-step progress indicator with a filling connector line, collapsing to a compact step-count bar on phone.

MIT source · see copy instructions

Single-column name/email/subject/message contact form with a honeypot field, Netlify Forms opt-in, and a presentational action prop.

MIT source · see copy instructions

Email/password sign-in card with a show/hide password toggle driven by a scoped inline script.

MIT source · see copy instructions

Standalone card-format newsletter opt-in with an icon badge and privacy microcopy.

MIT source · see copy instructions

A slim single-row email capture bar for footers or in-content placements.

MIT source · see copy instructions

Stacked list of labeled on/off switches for notification preferences, built on native checkboxes with zero JS.

MIT source · see copy instructions

CSS-only infinite marquee of client/partner logos that loops seamlessly in either direction and pauses on hover or focus.

MIT source · see copy instructions

Breaking-news style ticker with a fixed live tag and a CSS-only infinite-scrolling headline marquee.

MIT source · see copy instructions

CSS-only infinite marquee of stat tiles with a count-up animation triggered on scroll-into-view.

MIT source · see copy instructions

CSS-only scrolling text strip for announcements, joining phrases with a separator glyph and looping infinitely.

MIT source · see copy instructions

Breakpoint-free responsive card grid using CSS grid auto-fit/minmax, column count is purely a function of container width.

MIT source · see copy instructions

Single card shell component with five variants (icon, stat, image, chart-slot, quote) sharing one accessible article shell.

MIT source · see copy instructions

Responsive 4-cell bento grid, 1 column on phone and 2x2 on tablet/desktop, with four named slots.

MIT source · see copy instructions

Responsive 6-cell bento grid, 1/2/3 columns across phone/tablet/desktop with slots in reading order.

MIT source · see copy instructions

Reliable two-axis centring primitive with a flex or grid method and explicit known-height or min-height sizing.

MIT source · see copy instructions

Horizontal wrapping group primitive for tag lists, pills, and button groups using flex-wrap plus gap.

MIT source · see copy instructions

Solid, dashed, gradient-fade, and labelled divider variants with correct semantic markup for each.

MIT source · see copy instructions

General-purpose 12-column responsive grid container where children control their own span with plain col-span utilities.

MIT source · see copy instructions

Self-contained responsive horizontal padding plus centred max-width wrapper with no dependency on any host project's CSS variables.

MIT source · see copy instructions

Centred reading-measure column for long-form copy with sane default heading, link, and list styling.

MIT source · see copy instructions

Eyebrow, title, subtitle, and optional trailing action block with a required explicit heading level prop.

MIT source · see copy instructions

Explicit, aria-hidden vertical or horizontal gap element for one-off spacing between unrelated blocks, with a flex-grow mode.

MIT source · see copy instructions

Even two-column split section that stacks to one column on mobile, with an optional mobile reorder flag.

MIT source · see copy instructions

Vertical rhythm primitive that spaces children with flex gap instead of margin-stacking.

MIT source · see copy instructions

Classic three-feature row that collapses to two then one column per breakpoint.

MIT source · see copy instructions

Stripe-style ribbon of thin lines that twists in pseudo-3D — additive blending lights up a glowing fold where the lines bunch. Pure canvas, zero dependencies.

MIT source · see copy instructions

Generative maze that grows outward from a seed cell, drawing itself as a living background. Canvas-based, self-contained, pauses when off screen and stops entirely under prefers-reduced-motion.

MIT source · see copy instructions

Card that expands into a focused overlay on desktop and a draggable bottom sheet on mobile, with three snap points. Portal-rendered, focus-trapped, scroll-locked and reduced-motion aware.

MIT source · see copy instructions

Stat band whose numbers count up when the section scrolls into view, then settle. No runtime dependency — plain Astro plus a small inline observer. Honours prefers-reduced-motion by rendering final values immediately.

MIT source · see copy instructions

Four long-form scannability primitives — Callout (4 variants), a Key Takeaways TL;DR box, a large PullQuote and a reading-time pill. Branded via CSS custom properties, dark-mode aware, zero motion, zero dependencies.

MIT source · see copy instructions