DuneUI is a UI component library built on TailwindCSS, designed to simplify the creation of modern and accessible web interfaces. No need to install additional packages—just copy and paste the component code, and use the power of TailwindCSS to customize everything to your needs.
- TailwindCSS-based: All components are styled using TailwindCSS utilities, allowing you to easily tweak and adjust styles.
- Production-ready components: Copy and paste components directly into your project with no extra dependencies.
- Accessibility: Components are designed following best accessibility practices.
- Framework-agnostic: Works in any project that uses TailwindCSS, with no additional JavaScript required.
- Ensure that TailwindCSS is set up in your project. If not, follow this installation guide.
- Browse the DuneUI documentation to find the component you need.
- Copy the component’s code.
- Paste it into your project and adjust the TailwindCSS classes as needed.
<!-- DuneUI Button Component -->
<button class="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-700">
Click me
</button>
Check out the full DuneUI documentation to explore all available components and learn how to customize them using TailwindCSS.
Contributions are welcome! If you’d like to contribute or add new components, follow these steps:
- Fork the repository.
- Create a new branch for your feature:
git checkout -b my-new-feature
. - Commit your changes:
git commit -m 'Add new feature'
. - Push to the branch:
git push origin my-new-feature
. - Open a Pull Request for review.
This project is licensed under the MIT License.