https://github.com/fabianhermar/duneui
TailwindCSS open source component library that simplifies the creation of modern web interfaces, facilitating visual integration and speeding up development.
https://github.com/fabianhermar/duneui
customization open-source tailwindcss tailwindcss-components tailwindcss-components-library tailwindcss-template tailwindcss-ui tailwindcss-v4
Last synced: about 2 months ago
JSON representation
TailwindCSS open source component library that simplifies the creation of modern web interfaces, facilitating visual integration and speeding up development.
- Host: GitHub
- URL: https://github.com/fabianhermar/duneui
- Owner: fabianhermar
- Created: 2024-09-11T18:28:31.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-08-09T07:03:01.000Z (10 months ago)
- Last Synced: 2026-02-09T20:59:53.130Z (4 months ago)
- Topics: customization, open-source, tailwindcss, tailwindcss-components, tailwindcss-components-library, tailwindcss-template, tailwindcss-ui, tailwindcss-v4
- Language: Astro
- Homepage: https://duneui.com/
- Size: 2.86 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# DuneUI
**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.
## Features
- **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.
## Getting Started
1. Ensure that **TailwindCSS** is set up in your project. If not, follow [this installation guide](https://tailwindcss.com/docs/installation).
2. Browse the [DuneUI documentation](https://duneui.com/docs) to find the component you need.
3. Copy the component’s code.
4. Paste it into your project and adjust the TailwindCSS classes as needed.
### Example
```html
Click me
```
## Documentation
Check out the full [DuneUI documentation](https://duneui.com/docs) to explore all available components and learn how to customize them using TailwindCSS.
## Contributing
Contributions are welcome! If you’d like to contribute or add new components, follow these steps:
1. Fork the repository.
2. Create a new branch for your feature: `git checkout -b my-new-feature`.
3. Commit your changes: `git commit -m 'Add new feature'`.
4. Push to the branch: `git push origin my-new-feature`.
5. Open a Pull Request for review.
## License
This project is licensed under the [MIT License](LICENSE).