Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/roshanpshetty/doma-ui
An open-source component library built with React, TailwindCSS, Framer, and Storybook. It provides customizable and reusable UI components to enhance the efficiency and design of your web applications.
https://github.com/roshanpshetty/doma-ui
component-library framer-motion open-source reactjs storybook tailwindcss
Last synced: about 2 months ago
JSON representation
An open-source component library built with React, TailwindCSS, Framer, and Storybook. It provides customizable and reusable UI components to enhance the efficiency and design of your web applications.
- Host: GitHub
- URL: https://github.com/roshanpshetty/doma-ui
- Owner: RoshanPShetty
- Created: 2024-08-21T22:50:41.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-22T07:28:02.000Z (6 months ago)
- Last Synced: 2024-11-10T16:17:14.074Z (3 months ago)
- Topics: component-library, framer-motion, open-source, reactjs, storybook, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 217 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Doma UI
[](https://opensource.org/licenses/MIT)
[](https://github.com/RoshanPShetty/doma-ui/actions)
Doma UI is an open-source component library designed to streamline your development process by offering a collection of customizable and reusable UI components. Built using **React**, **TailwindCSS**, **Framer**, and **Storybook**, Doma UI aims to enhance the efficiency and aesthetics of your web applications.
## ✨ Features
- **Modular Components**: A variety of ready-to-use UI components that can be easily integrated into your React projects.
- **Customizable**: Leverage the power of TailwindCSS to quickly customize the appearance and behavior of components to fit your design needs.
- **Framer Motion**: Seamless integration of animations and transitions, powered by Framer.
- **Storybook Integration**: Explore, test, and document your components in isolation using Storybook.
- **Responsive Design**: Built with mobile-first design principles to ensure components look great on any screen size.
## 📦 Installation
To install Doma UI in your project, run:
```bash
npm install doma-ui
```
Or if you're using yarn:
```bash
yarn add doma-ui
```
## 🚀 Usage
To use a component from Doma UI, simply import it into your project and start building!
```javascript
import { Button } from "doma-ui";
function App() {
return (
Click Me
);
}
```
## 📚 Documentation
For detailed documentation on each component, please refer to the [Storybook documentation](https://your-storybook-link-here).
## 🤝 Contributing
Contributions are welcome! If you have an idea for a new component or improvements to existing ones, feel free to fork the repository and submit a pull request. Please make sure to follow the [contributing guidelines](CONTRIBUTING.md).
## 🛠️ Roadmap
- [ ] Add more basic components (e.g., Input, Modal, Tooltip)
- [ ] Improve component documentation with more examples and use cases
- [ ] Expand animation presets using Framer Motion
- [ ] Add dark mode support
## 📄 License
Doma UI is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.
## 🙏 Acknowledgements
- [React](https://reactjs.org/)
- [TailwindCSS](https://tailwindcss.com/)
- [Framer](https://www.framer.com/motion/)
- [Storybook](https://storybook.js.org/)
## 📫 Contact
For any inquiries or support, you can reach out via [email](mailto:[email protected]) or connect with me on [LinkedIn](https://www.linkedin.com/in/roshanpshetty/).