/actify

๐ŸŒปReact Tailwind CSS Material Design 3 Components Library

Primary LanguageTypeScriptMIT LicenseMIT

Actify Logo

License visitors


๐ŸŒŸ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 hello@actifyjs.com.

Happy coding with Actify! ๐Ÿš€