Skip to content

shabanhr/efferd-ui

Repository files navigation

Efferd

GitHub Repo stars Twitter Follow License

What is Efferd?

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.

Features

  • 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

🛠️ Getting Started

Prerequisites

  • Node.js 16.14 or later
  • Package manager: npm, yarn, pnpm, or bun
  • Git

Installation

  1. Clone the repository

    git clone https://github.com/shabanhr/efferd-ui.git
    cd efferd-ui
  2. Install dependencies

    # Using npm
    npm install
    
    # Using Yarn
    yarn install
    
    # Using pnpm
    pnpm install
    
    # Using Bun
    bun install
  3. Run the development server

    # Using npm
    npm run dev
    
    # Using Yarn
    yarn dev
    
    # Using pnpm
    pnpm dev
    
    # Using Bun
    bun run dev
  4. Open in your browser

    Open http://localhost:3000 to view it in your browser.

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the project
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

Development Guidelines

  • Follow the existing code style
  • Write clear commit messages
  • Ensure your code is properly typed

🌟 Show Your Support

Give a ⭐️ if this project helped you! Every star makes a difference and helps the project grow.

📝 License

Distributed under the MIT License. See LICENSE for more information.

📬 Connect with Me

🎨 Inspiration

This project is inspired by the amazing work of the open-source community, especially:


Built with ❤️ and TypeScript

About

Beautiful @shadcn/ui blocks and components for modern web apps.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages