actify
actify copied to clipboard
actifyjs
🌻React Tailwind CSS Material Design 3 Components Library
🌟Overview
Welcome to Actify, an open-source React Components Library designed to accelerate your React application development. Actify leverages TypeScript, Tailwind CSS, Floating-UI, Framer Motion, Material Design 3, and more to provide a comprehensive set of modern and customizable UI components.
✨ Features
- TypeScript: Benefit from enhanced developer experience and static typing.
- Tailwind CSS: Embrace a utility-first CSS framework for effortless and flexible styling.
- Floating-UI: Elevate your UI with floating elements for a modern and dynamic user experience.
- Framer Motion: Bring fluid animations and transitions to your components with Framer Motion.
- Material Design 3: Implement the latest Material Design principles for a cohesive and visually appealing interface.
🚀 Getting Started
📦 Installation
# with pnpm
pnpm add actify
# with yarn
yarn add actify
# with npm
npm install actify
💻 Usage
import { Button } from 'actify'
export default () => {
return <Button>Hello Actify</Button>
}
Refer to the documentation for in-depth information on each component and their usage.
📚 Documentation
Explore our documentation for detailed insights, examples, and customization options for each component in the Actify library.
🤝 Contributing
Contributions are always welcome!
📜 License
Actify React Components Library is licensed under the MIT License - see the MIT licensed file for details..
🙏 Acknowledgments
- Special thanks to our contributors and the open-source community for making Actify possible.
- Highly inspired by Vuetify for its impactful contributions to UI design and development trends.
📧 Support
If you have any questions or need assistance, feel free to reach out to us at [email protected].
Happy coding with Actify! 🚀
actifyjs