# seraui/seraui

UI component library for React, Next.js, and other JSX frameworks. Built with Tailwind CSS, it makes creating beautiful, interactive and responsive interfaces fast and easy.

Repository: https://github.com/seraui/seraui
Canonical: https://ross.abutalabs.com/products/seraui
Homepage: https://seraui.com
Language: TypeScript
License: MIT
License Family: permissive
Topics: nextjs, react, tailwindcss, typescript, ui, ui-components, ui-design, uikit, shadcn, seraui, design, reactjs, tailwind, components, jsx, framer-motion, motion, next, radix-ui, hacktoberfest
Last push: 2026-02-18T11:53:04+00:00

## Health v2 (maintenance only)
Score: 39/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 68, release rhythm 8, longevity 29
- inputs: {"age_days": 415, "days_push": 196, "days_rel": 409, "gap_med": null, "n_releases_24m": 1}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1329, forks 96 (observed 2026-08-28T04:04:23.872290+00:00)

## What it is
Sera UI is an open-source UI component library for React, Next.js, and other JSX-based frameworks, built with Tailwind CSS and Framer Motion. It provides 200+ reusable, customizable components that developers can add via CLI or copy-paste, following a shadcn/ui-style registry model where the code is owned by the developer.

## Use cases
- build beautiful responsive react and next.js interfaces fast
- add prebuilt tailwind css components to my jsx project
- find animated ui components with framer motion for my website
- copy paste react components like shadcn ui but different design
- create a portfolio hero section with animations
- add a marquee or orbit animation component to my landing page
- customize a component library with tailwind theme tokens
- get accessible react components with typescript support

## When to choose
- You're building a React, Next.js, or other JSX-based web app and want polished, production-ready UI components without designing from scratch
- You want full ownership of component code (copy-paste/registry model) rather than depending on a versioned npm package
- You already use Tailwind CSS and want components that theme naturally with utility classes
- You need smooth animations and micro-interactions and want Framer Motion pre-integrated
- You're already using shadcn/ui and want to extend it with additional components from a compatible registry

## When to avoid
- You need a framework-agnostic solution outside the React/JSX ecosystem (e.g., Vue, Svelte, Angular)
- You prefer a traditional npm package with semantic versioning and centralized updates instead of owning and maintaining copied code
- Your project doesn't use Tailwind CSS and you don't want to adopt it
- You need a complete design system with strict, opinionated theming and enterprise support
- You require non-UI concerns like data tables with backend integration, charts with data pipelines, or form state management libraries

## Facets
- artifact type: library
- maturity: active
- function: ui-components, frontend-framework, animation, theme, cli
- domain: web-development, frontend, web-design, developer-tools
- platform: -
- tags: shadcn-ui, framer-motion, radix-ui, copy-paste-components, component-registry, jsx-frameworks, lucide-icons, typescript, open-source, hacktoberfest, react, nextjs, javascript, tailwindcss, nodejs

## Member repositories
- seraui/seraui (main) score 39

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:23.872290+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:45:44.952844+00:00, confidence not recorded.
  - readme: https://github.com/seraui/seraui (fetched 2026-08-28T04:04:23.872290+00:00, sha ccac282f2fcd)
  - homepage: https://seraui.com (fetched 2026-08-29T12:05:15.052831+00:00, sha 792f94792b17)
  - site_page: https://seraui.com/docs (fetched 2026-08-29T12:05:15.057265+00:00, sha 290d8139e55f)
  - site_page: https://seraui.com/docs/installation (fetched 2026-08-29T12:05:15.060655+00:00, sha 704e1e50e203)
  - site_page: https://seraui.com/docs/marquee (fetched 2026-08-29T12:05:15.062690+00:00, sha 4592e56b4f5e)
  - site_page: https://seraui.com/docs/codeprofile (fetched 2026-08-29T12:05:15.064600+00:00, sha 2548013bc431)
  - site_page: https://seraui.com/docs/portfolio (fetched 2026-08-29T12:05:15.066885+00:00, sha e5aed47996dd)
  - site_page: https://seraui.com/docs/orbits (fetched 2026-08-29T12:05:15.069001+00:00, sha 53544eb08aa6)
  - site_page: https://seraui.com/docs/network (fetched 2026-08-29T12:05:15.070908+00:00, sha 9566d777f3f6)
  - site_page: https://seraui.com/docs/video-text (fetched 2026-08-29T12:05:15.072912+00:00, sha fcdb7203a558)
- Data as of 2026-08-30T08:39:29.467469+00:00.