# NiceUI — Interfaces, nicely made.

NiceUI is a free, open-source library of premium React and Tailwind CSS components, blocks and templates. Copy the code or install with the shadcn CLI. MIT licensed, no account required.

## Library

- [Avatar Group](https://niceui.dev/components/avatar-group) — Overlapping avatars with initials fallback, hover lift and a +N overflow counter.
- [Badge](https://niceui.dev/components/badge) — Compact status labels in neutral, sky and outline variants, with an optional glowing status dot.
- [Button](https://niceui.dev/components/button) — A pill-shaped button with primary, outline and ghost variants in three sizes. Accessible focus ring, forwarded ref.
- [Command Palette](https://niceui.dev/components/command-palette) — A ⌘K search palette with live filtering, arrow-key navigation and an Enter action per item.
- [Floating Input](https://niceui.dev/components/floating-input) — A text input whose label floats above the value on focus. Pure CSS peer states, no JavaScript needed for the animation.
- [Marquee](https://niceui.dev/components/marquee) — An infinite, edge-faded horizontal scroller for logos, tags or testimonials. Pauses on hover.
- [Segmented Control](https://niceui.dev/components/segmented-control) — A pill tab switcher with a sliding sky indicator that springs between options.
- [Shimmer Button](https://niceui.dev/components/shimmer-button) — A dark button with a sweeping sky-blue shimmer and a glowing bottom edge. Zero dependencies, keyframes included.
- [Slider](https://niceui.dev/components/slider) — A minimal range slider with a sky fill, soft halo thumb and a live value readout.
- [Stat Card](https://niceui.dev/components/stat-card) — A KPI card with label, value, delta and an inline sparkline generated from your data points.
- [Switch](https://niceui.dev/components/switch) — An accessible toggle with a springy thumb. Works controlled or uncontrolled and uses role="switch".
- [Hero — Horizon](https://niceui.dev/blocks/hero-horizon) — A cinematic landing hero with serif-italic accent, dual CTAs and the signature glowing horizon arc.
- [Pricing — Minimal](https://niceui.dev/blocks/pricing-minimal) — Three-tier pricing with a monthly/yearly toggle, featured plan glow and checkmark feature lists.

## FAQ

### What is NiceUI?

NiceUI is a free, open-source library of premium React and Tailwind CSS components, blocks and templates. Every item is copy-paste code that lives in your own project, styled in a minimal black and sky-blue aesthetic.

### Is NiceUI really free?

Yes. Every component, block and template is free under the MIT license, including for commercial projects. There is no Pro tier, no credits and no account required.

### How do I install a NiceUI component?

Run the shadcn CLI with the component's registry URL, for example: npx shadcn@latest add https://niceui.dev/r/button.json. You can also copy the code from any component page into components/ui in your project.

### Does NiceUI work with shadcn/ui and Next.js?

Yes. NiceUI follows the shadcn registry format and works with React 18+, Next.js, Vite and Remix, styled with Tailwind CSS v3 or v4. Components have no runtime dependencies beyond React.

### Is NiceUI an alternative to 21st.dev or shadcn/ui?

NiceUI uses the same open copy-paste model as shadcn/ui and community libraries like 21st.dev, with a focus on a small set of carefully designed pieces. Everything is free, MIT licensed and requires no sign-up.

### Can AI coding assistants use NiceUI?

Yes. NiceUI publishes llms.txt and llms-full.txt, a Markdown version of every component page, and a Copy prompt button that hands the full source to tools like Claude, Cursor or v0.