Efferd is a growing collection of beautifully crafted, production-ready UI blocks built on top of Shadcn UI. It's designed to help developers build modern, accessible, and responsive web applications with ease.
- Production-Ready Components: Battle-tested UI blocks ready for your next project
- Built with Shadcn UI: Leverages the power of Radix UI and Tailwind CSS
- Fully Customizable: Easy to modify and extend to fit your design system
- TypeScript First: Built with TypeScript for better developer experience
- Accessible: Follows WAI-ARIA design patterns for better accessibility
- Responsive: Works seamlessly across all device sizes
- Node.js 16.14 or later
- Package manager: npm, yarn, pnpm, or bun
- Git
-
Clone the repository
git clone https://github.com/shabanhr/efferd-ui.git cd efferd-ui -
Install dependencies
# Using npm npm install # Using Yarn yarn install # Using pnpm pnpm install # Using Bun bun install
-
Run the development server
# Using npm npm run dev # Using Yarn yarn dev # Using pnpm pnpm dev # Using Bun bun run dev
-
Open in your browser
Open http://localhost:3000 to view it in your browser.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the project
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
- Follow the existing code style
- Write clear commit messages
- Ensure your code is properly typed
Give a ⭐️ if this project helped you! Every star makes a difference and helps the project grow.
Distributed under the MIT License. See LICENSE for more information.
- Twitter: @shabanhr
This project is inspired by the amazing work of the open-source community, especially:
Built with ❤️ and TypeScript