Search Results
Content & Data Views · 7 checks · 57 resources
The results page that must let a user judge, refine and recover from a query without starting over.
Before you ship
- 01Search input — at the top of the results, pre-filled with the current query so it can be refined
- 02Result count — how many results were found, shown even at zero so the user knows the search ran
- 03Result items — title, type, image and a snippet of the matching content, with the matched term highlighted
- 04Result type indicators — a label or icon marking what kind of item each result is (document, person, project, message)
- 05Filters — the ability to narrow results by category, date, status or other relevant values
- 06No results state — with suggestions for what to try instead, rather than a blank space
- 07Recent searches — the user's previous queries, shown when the search field is focused but empty
Resources that help you build this
- Ark UI · 49 headless components with one API across React, Vue, Solid and SvelteComponent LibrariesS
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templatesComponent LibrariesS
- Chakra UI · 114 accessible React components with a token-driven styling systemComponent LibrariesS
- Kumo · Cloudflare's production React library: 44 components on Base UI + Tailwind v4, MITComponent LibrariesS
- Coss UI · Cal.com's design system: 60 Base UI primitives shipped as a shadcn registryComponent LibrariesS
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themesComponent LibrariesS
- GPUI Component · 60+ Rust desktop UI components for GPUI, with a 200K-line code editor and chartsComponent LibrariesS
- HeroUI (formerly NextUI) · 71 React components on React Aria + Tailwind v4, with an MCP serverComponent LibrariesS
- Intent UI · 80+ React Aria components with real ARIA semantics, MIT and copy-pasteComponent LibrariesS
- Mantine · 150+ styled React components, 70+ hooks, CSS modules, no runtime CSS-in-JSComponent LibrariesS
- mapcn · Theme-aware MapLibre map components installed through the shadcn CLIComponent LibrariesS
- Mobbin · Searchable library of real mobile and web app screens, organized into user flowsInspiration GalleriesS
- React Aria · Adobe's unstyled React primitives with ARIA, keyboard, i18n and touch behavior built inComponent LibrariesS
- ReUI · 1,052 free shadcn components, 502 pro blocks, 10 templates, hosted MCPComponent LibrariesS
- shadcn/ui · 64 copy-in React components on Radix + Tailwind, installed by CLIComponent LibrariesS
- shadcn/ui (GitHub) · Source monorepo for shadcn/ui: components, CLI, registry schema, skillsComponent LibrariesS
- UI TripleD · 282-item shadcn registry of motion components, sections and full pagesComponent LibrariesS
- Untitled UI · Figma UI kit plus React Aria + Tailwind v4 component library with an MCP serverComponent LibrariesS
- UX Patterns for Devs · 92 UX patterns with accessibility rules, an MCP server and llms.txtDesign Systems & Brand GuidelinesS
- Ant Design · 73-component React library and design language for enterprise back-office appsComponent LibrariesA
- Appica UI · 70 React components on Base UI and Tailwind v4, with an llms.txt and markdown docsComponent LibrariesA
- Are.na · Fifteen years of channel-based research collection, with a documented v3 API and a public OpenAPI specInspiration GalleriesA
- Atlassian Design System · Atlaskit: 59 Apache-2.0 React components behind Jira, Confluence and BitbucketDesign Systems & Brand GuidelinesA
- AutoAnimate · One line on a parent element animates every child add, remove and moveMotion & InteractionA
- Base UI · 37 unstyled React components from the Radix, Floating UI and MUI teamsComponent LibrariesA
- Carbon Design System · IBM's open-source design system: 44 documented components across five frameworksDesign Systems & Brand GuidelinesA
- coss ui · Cal.com's Base UI + Tailwind v4 registry: 56 primitives and 500 particle variantsComponent LibrariesA
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block libraryComponent LibrariesA
- Fluent 2 · Microsoft's design system: 47 web components plus Windows, iOS and Android kitsDesign Systems & Brand GuidelinesA
- HyperUI · 537 free MIT Tailwind blocks across application, marketing and neobrutalism setsBlocks, Templates & ThemesA
- interior.dev · 54 MIT micro-interaction components for React, installable as a shadcn registryMotion & InteractionA
- Kibo UI · shadcn registry of 41 hard components shadcn/ui does not ship, plus 28 blocksComponent LibrariesA
- Kokonut UI · 45 animated shadcn-CLI components for landing pages, plus 7 paid templatesComponent LibrariesA
- Opensource UI · 154 free MIT React and Next.js components across 26 categories, copy-pasted from pages that serve the full TypeScript source in the HTMLComponent LibrariesA
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemiumBlocks, Templates & ThemesA
- shadcn Studio · 800+ shadcn blocks, 16 templates, themes, MCP server and Figma-to-codeBlocks, Templates & ThemesA
- Shadcnblocks · 1,837 paid shadcn blocks and 19 Next.js and Astro templates, lifetime licenseBlocks, Templates & ThemesA
- Shark UI · 86 shadcn-style components built on Ark UI, installed through the shadcn CLIComponent LibrariesA
- Spectrum UI · 255 shadcn registry items, 62 component guides, 34 blocks and an MCP installerComponent LibrariesA
- Tailwind Plus · 500+ paid Tailwind UI blocks, 13 Next.js templates and the Catalyst React kitBlocks, Templates & ThemesA
- Tremor · 40 copy-paste React chart and dashboard components, plus 300+ free blocksComponent LibrariesA
- Algolia SiteSearch · Five drop-in Algolia search and Ask AI experiences as shadcn registry blocksComponent LibrariesB
- Beautiful UI · 20 MIT interaction patterns for agent UIs: thinking, streaming, approvals, diffsAI Interface KitsB
- Empty States · 235 curated screenshots of empty-state UI from real shipped appsInspiration GalleriesB
- Manifest UI · 39 MIT shadcn blocks sized for ChatGPT Apps and MCP app surfacesAI Interface KitsB
- moumenlab · shadcn registry of 13 motion-first interaction components, MIT, React 19 + Tailwind v4Component LibrariesB
- Nicely Done · Searchable index of ~199k SaaS screens, 12.5k flows and 29k UI componentsInspiration GalleriesB
- nuqs Registry · shadcn-installable adapters that run nuqs URL state outside Next.jsComponent LibrariesB
- Page Flows · Screen recordings of real user flows from shipped iOS, Android, web, and email appsInspiration GalleriesB
- Park UI · 59 styled Ark UI components delivered by CLI, themed with Panda CSSComponent LibrariesB
- Preline UI · Free Tailwind library with 640+ examples, 204 blocks and documented plugin wiringComponent LibrariesB
- Primer · GitHub's design system: 62 React components, Octicons and design tokensDesign Systems & Brand GuidelinesB
- SaaSFrame · 5,000+ SaaS screens, flows, emails, patterns, responsive views, Figma files and screenshot text searchInspiration GalleriesB
- Same Energy · A visual search engine: drop an image and get images that feel like it, with a Creative Commons modeInspiration GalleriesB
- The Gridcn · Tron-styled shadcn registry: 140 items, six themes, HUD and 3D grid componentsComponent LibrariesB
- Inspo AI · AI search over a UI reference library, plus moodboards and brand scansInspiration GalleriesC
- Pando (Pluralsight Design System) · Pluralsight's design system documented in zeroheight; public code frozen at v0.7.1Design Systems & Brand GuidelinesC