Development · Web app
Efferd
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Efferd is a collection of ready-to-use, customizable UI blocks built on shadcn/ui, Radix UI, and Base UI. It allows developers to copy code or pull blocks directly into their React or Next.js projects via the shadcn CLI without dealing with npm packages.
What it's for
- Add responsive auth, hero, and dashboard sections into Next.js projects
- Install ready-made UI components directly using the shadcn CLI registry
- Assemble marketing landing pages using pre-styled headers, footers, and testimonial blocks
Features
- Registry-ready CLI integration (npx shadcn@latest add)
- Support for both Radix UI and Base UI primitives
- Works across React frameworks including Next.js and TanStack
- Compatible with multiple icon libraries (Lucide, Tabler, RemiX, Phosphor)
- Dark mode and responsive layouts out of the box
- Theme awareness inheriting colors via CSS variables
- Pre-designed block categories including auth, heroes, dashboards, app shells, and footers
Pricing
Freemium. Free starter blocks available; paid tiers for full access.
Details
- Type
- Web app
- Category
- Development
- Topic
- UI Components
- Open source
- No
- Platforms
- Web
- For
- React and Next.js developers building web applications and landing pages
- Alternative to
- Tailwind UI, shadcn/ui blocks, Tremor
- Tags
- shadcn, react, tailwind, ui blocks, components, nextjs
Why it was saved
- @orcdev: Saves design time: modern, responsive copy-paste blocks built on shadcn that 'just work'
- @shabanhr: Tweet says "Grab the code here" — the author's product page hosting the shadcn Auth page component
- @shabanhr: Saves design/build time: a premium, responsive, animated testimonials UI ready to drop into an app instead of prompting an LLM to generate a layout.
- @orcdev: Clean, modern, responsive UI blocks built on shadcn that can be dropped into a project directly, saving design and build time.
Compare
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Animated React and Tailwind UI components designed for landing pages
Updated