Analytics
Content & Data Views · 7 checks · 75 resources
The metrics dashboard that answers what changed, over what period, and compared to what.
Before you ship
- 01Date range selector — with shortcuts for today, last 7 days, last 30 days, this month, and a custom range
- 02Headline metrics — the most important numbers displayed as prominent figures readable at a glance
- 03Charts with labels and axes — clearly labelled axes, a legend where needed, and readable tick marks
- 04Period comparison — a percentage or absolute change indicator versus the prior period
- 05Segment breakdown — the ability to slice a metric by channel, device, geography or another attribute
- 06Last updated indicator — a visible timestamp or refresh button showing when the data was last updated
- 07Loading and empty states — skeleton loaders while fetching, and a contextual message when no data exists for the range
Resources that help you build this
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templatesComponent LibrariesS
- Kumo · Cloudflare's production React library: 44 components on Base UI + Tailwind v4, MITComponent 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 Pro · Paid React + React Native components, 6 templates, MCP server and agent skillsComponent LibrariesS
- HTMLrev Free Shadcn Templates · 120 free shadcn/ui templates and starters, indexed on one pageBlocks, Templates & ThemesS
- Intent UI · 80+ React Aria components with real ARIA semantics, MIT and copy-pasteComponent LibrariesS
- Kibo UI · shadcn registry of 41 complex components: Gantt, Kanban, editor, sandbox, cropperComponent 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
- MUI · React component suite: Material UI, MUI X data grid, charts and date pickersComponent LibrariesS
- Neobrutalism (ex RetroUI) · Neo-brutalist shadcn registry: 60 free components, 158 Pro blocks, 6 templatesComponent LibrariesS
- Open Design · Local-first desktop app that turns a coding agent into a design engineAgent Design ToolingS
- NumberFlow · Dependency-free animated number component for React, Vue, Svelte and JSMotion & InteractionS
- Open Design · Local-first desktop app that turns your coding agent into a design engineAgent Design ToolingS
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent KitComponent LibrariesS
- Refero · Searchable library of real product screens, user flows and design systems, with an MCP serverInspiration GalleriesS
- 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
- 8bitcn/ui · Retro pixel-art restyle of shadcn/ui: 57 components and 44 blocksComponent LibrariesA
- affectUI · 93 React components, screens, and blocks for AI products, each one dependency-free fileAI Interface KitsA
- 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
- Carbon Design System · IBM's open-source design system: 44 documented components across five frameworksDesign Systems & Brand GuidelinesA
- Craftwork · 40k+ design assets and templates, reachable from an MCP server and a Claude skillTextures, Backgrounds & AssetsA
- Effective HTML · Six agent skills plus 32 worked HTML artifacts for wireframes, prototypes, and plansAgent Design ToolingA
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block libraryComponent LibrariesA
- Huashu Design · Agent skill that renders prototypes, decks, MP4 motion and infographics from promptsAgent Design ToolingA
- HyperUI · 537 free MIT Tailwind blocks across application, marketing and neobrutalism setsBlocks, Templates & ThemesA
- Kibo UI · shadcn registry of 41 hard components shadcn/ui does not ship, plus 28 blocksComponent LibrariesA
- OpenUI · MIT generative-UI framework: streaming UI language, component library, chat shellAI Interface KitsA
- Realtime Colors · Preview five colour roles and fonts on a live site, export shadcn or Tailwind tokensColorA
- 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
- shadcn-templ · shadcn/ui ported to Go and templ: 52 components, 27 blocks, its own CLIComponent LibrariesA
- Shadcnblocks · 1,837 paid shadcn blocks and 19 Next.js and Astro templates, lifetime licenseBlocks, Templates & ThemesA
- shadcncraft · Paid shadcn/ui registry plus a 1:1 Figma kit, 8 styles across Radix and Base UIComponent LibrariesA
- Shark UI · 86 shadcn-style components built on Ark UI, installed through the shadcn CLIComponent LibrariesA
- Shopify Polaris · Shopify's admin design system, now shipped as framework-agnostic web componentsComponent LibrariesA
- Subframe · Visual editor that emits React + Tailwind + Radix code, with an MCP serverAgent Design ToolingA
- termcn · Terminal UI components for React, installed with the shadcn CLI, on Ink and OpenTUIComponent LibrariesA
- Tremor · 40 copy-paste React chart and dashboard components, plus 300+ free blocksComponent LibrariesA
- Watermelon UI · MIT shadcn registry: 131 animated components, 187 page blocks, 30 base primitivesComponent LibrariesA
- Watermelon UI Dashboards · Nine full React admin dashboards installed through the shadcn CLI from a public registryBlocks, Templates & ThemesA
- Amicro · 160+ copy-paste React components for motion and UI effects, with a shadcn registry and agent skillsMotion & InteractionB
- Beautiful UI · 20 MIT interaction patterns for agent UIs: thinking, streaming, approvals, diffsAI Interface KitsB
- BoardUI · React 19 and Tailwind v4 components for dashboards and agent interfaces, with an MIT free tier and paid Pro catalogComponent LibrariesB
- Claude Code for Designers · Step-by-step guide to going from wireframe to working UI with Claude Code, no codingEssays, Guides & CoursesB
- Claude Design · Anthropic's design surface: prompt to prototype, deck or one-pager, exports PPTX/PDF/HTMLAgent Design ToolingB
- ColorHub · 150 six-colour palettes previewed on real layouts, plus 7 paid Next.js kitsColorB
- Dither Kit · Dithered React charts, avatars and gradients on one canvas engineComponent LibrariesB
- Dub · Open-source short links, conversion tracking and affiliate payoutsUtilities & NamingB
- FigComponents · 1,619 copy-paste Figma components, 1,002 of them free, CC BY 4.0Blocks, Templates & ThemesB
- Kargul Studio Swipe File · 632 raw shots of Kargul Studio's product, website, and brand work, with type filtersStudios & PortfoliosB
- MVPBlocks · 100+ copy-paste Next.js + Tailwind marketing and dashboard blocks, plus 7 templatesBlocks, Templates & ThemesB
- MVPBlocks (source repo) · BSD-3 source for the MVPBlocks block library and its Next.js docs siteBlocks, Templates & ThemesB
- Page Flows · Screen recordings of real user flows from shipped iOS, Android, web, and email appsInspiration GalleriesB
- Preline UI · Free Tailwind library with 640+ examples, 204 blocks and documented plugin wiringComponent LibrariesB
- React Native Components · 64 copy-paste React Native screen components, $59.99 once for lifetime accessComponent LibrariesB
- SaaSFrame · 5,000+ SaaS screens, flows, emails, patterns, responsive views, Figma files and screenshot text searchInspiration GalleriesB
- shadcn-glass-ui · Glassmorphism component set for React that installs through the shadcn CLIComponent LibrariesB
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespaceAgent Design ToolingB
- Spell UI · 33 polished React + Tailwind components, MIT, shadcn-installableComponent LibrariesB
- TailwindAdmin · shadcn/ui admin dashboard template in React, Next.js, Vue, Angular and TanStackBlocks, Templates & ThemesB
- The Gridcn · Tron-styled shadcn registry: 140 items, six themes, HUD and 3D grid componentsComponent LibrariesB
- Untitled UI on GitHub · The MIT source repos behind Untitled UI: components, icons, and 3 starter kitsComponent LibrariesB
- UX Pilot · AI generates wireframes and hi-fi UI screens, then exports them into FigmaAgent Design ToolingB
- Fathom Analytics · Privacy-first, GDPR-compliant website analytics as a Google Analytics alternativeUtilities & NamingC
- OpenPanel · Open-source, affordable alternative to Mixpanel for web and product analyticsUtilities & NamingC
- PostHog · All-in-one product analytics, session replay, feature flags, A/B tests, and surveysUtilities & NamingC
- Statsig · Product development platform for experiments, feature flags, analytics, and session replayUtilities & NamingC
- Zenith · Privacy-friendly, real-time website analytics with a light tracking scriptUtilities & NamingC