The catalog is organised by what a thing is — effect, primitive, block, page, template. This page organises it by what you would type: a glassmorphism card, a tailwind loader, a react pricing table, an admin dashboard. Every collection below is a live filter over the same 1,645 components, with the notes and caveats that belong to that particular problem.
Single elements: the hover state, the loader, the gradient, the shape.
Frosted panels with a blurred backdrop, in copy-paste CSS.
Layered shadows that read as light rather than as a border.
Spinners, bars, dots and skeletons — no JavaScript in any of them.
Rotating loaders built from borders, conic gradients and dots.
Shimmering placeholders shaped like the content that replaces them.
Solid, outline, ghost, gradient and glow — every state included.
Gradients, waves, particles and meshes that move without JavaScript.
Linear, radial, conic and mesh ramps you can paste into a hero.
Grids, dots, stripes and checkerboards from gradients alone.
Reveals, shimmers, glitches and per-letter staggers.
Clipped fills, animated ramps and shine sweeps on headings.
What happens under the cursor, across inputs, links and tiles.
Lifts, tilts, spotlights and border reveals on a card surface.
Perspective, tilt and depth from transforms alone.
Two faces, one element, rotated on hover or focus.
Gradient outlines, running lights, dashes and glow rings.
Waves, slants, zigzags and fades between page sections.
Blobs, polygons, arrows and reveal masks, all in one property.
Duotones, colour burns, knockout text and filter stacks.
Reveal-on-scroll, parallax, sticky stacks and progress bars.
Fades, slides, scales and staggered list reveals.
Small confirmations: checks, likes, copies, ripples and nudges.
Determinate bars, rings, meters and step indicators.
Checkbox-backed switches, segmented toggles and theme flips.
Hover and focus tips with arrows, no positioning library.
Backdrops, sheets, drawers and dialog transitions.
Alerts, banners and stacked toasts with timed dismissal.
Disclosure patterns built on details, radios and checkboxes.
Rings, stacks, statuses, frames and hover reveals.
Status pills, counters, chips and label variants.
Bars, sparklines, gauges and heat grids without a chart library.
Sticky headers, zebra rows, density variants and responsive stacks.
Vertical histories, horizontal steps and progress trails.
Scroll-snap tracks, marquees and logo tickers.
Floating labels, filled and outlined fields, focus rings.
Error, success and required styling driven by CSS selectors.
Navigation bars, mega menus, context menus and flyouts.
Draw-on strokes, morphs, spins and shape reveals.
The parts a page is assembled from — pricing, hero, table, checkout.
Tiers, toggles, comparison grids and the single-plan case.
Centred, split, screenshot-led and waitlist variants.
Accordions, two-column lists and category-grouped questions.
Quote walls, single-feature quotes, logo-plus-quote rows.
Closing bands, inline prompts, newsletter and waitlist captures.
Mega footers, minimal bars, newsletter and sitemap columns.
Top bars, mega menus, mobile drawers and app sidebars.
Email, OAuth, magic link, OTP and two-factor screens.
Support requests, sales enquiries, split map-and-form layouts.
Stat rows, chart cards, activity feeds and admin shells.
Sortable grids, bulk selection, filters, pagination and row actions.
Dropzones, progress lists, image pickers and paste-to-upload.
Number rows, KPI tiles, trend deltas and counters.
Bento grids, alternating rows, icon lists and tabbed showcases.
Customer logo rows, marquees and greyscale-on-hover grids.
First-run screens, no-results, 404s, permission walls and failures.
Multi-step wizards, checklists, tours and welcome screens.
Profile, preferences, team, security and danger zones.
Inboxes, unread badges, grouped feeds and preference panels.
Cmd-K dialogs, search results, filter rails and facets.
Carts, address forms, payment steps and order summaries.
Grids, filter rails, galleries, variant pickers and buy boxes.
Plan cards, invoices, payment methods, usage meters and limits.
Message threads, streaming states, composers and citations.
Tool-call traces, approval gates, context panels and inline actions.
Dialogs, side panels, bottom sheets and confirmations.
Month grids, availability pickers, booking flows and time slots.
List-edit-delete screens, inline editing, bulk actions and audit rows.
Article layouts, post grids, author bylines and reading progress.
Thread lists, conversation views, composers and presence.
Order history, tracking, returns, ratings and help centres.
Composed screens and runnable projects, not folders of sections.
Whole marketing pages, assembled and ready to clone.
Marketing site, pricing, docs shell and auth, as one project.
App shells with navigation, tables, settings and detail screens.
Storefronts, product pages, cart and checkout as whole screens.
Not found, server error, maintenance, offline and permission walls.
Whole pricing screens — tiers, comparison, FAQ and the close.
Article pages, post indexes, changelogs and documentation shells.
The layer between a styled input and a finished form.
Inputs, selects, checkboxes, radios and segmented controls.
Calendars, ranges, time fields and duration inputs.
File fields, image croppers, colour pickers and media selectors.
Browser chrome, phone frames, terminals and screenshot surrounds.
Not here? Search the whole catalog — these collections are saved queries over it, not a separate library.