# actify

**Repository Path**: lerte/actify

## Basic Information

- **Project Name**: actify
- **Description**: 🌻React Material Design 3 Components Library
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://actifyjs.com
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2023-07-17
- **Last Updated**: 2024-03-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
  <a href="https://actifyjs.com">
    <img alt="Actify Logo" width="100" src="https://actifyjs.com/actify.svg">
  </a>
</p>

<p align="center">
  <a href="https://github.com/actifyjs/actify/blob/master/LICENSE.md">
    <img src="https://badgen.net/github/license/actifyjs/actify?color=green" alt="License">
  </a>
  <img src="https://visitor-badge.laobi.icu/badge?page_id=actifyjs.actify" alt="visitors" />
</p>

---

## 🌟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

```bash
# with pnpm
pnpm add actify
# with yarn
yarn add actify
# with npm
npm install actify
```

### 💻 Usage

```jsx
import { Button } from 'actify'

export default () => {
  return <Button>Hello Actify</Button>
}
```

Refer to the [documentation](https://actifyjs.com/getting-started/installation) for in-depth information on each component and their usage.

## 📚 Documentation

Explore our [documentation](https://actifyjs.com/getting-started/installation) 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](./LICENSE.md) file for details..

## 🙏 Acknowledgments

- Special thanks to our contributors and the open-source community for making Actify possible.
- Highly inspired by [Vuetify](https://vuetifyjs.com) 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](mailto:hello@actifyjs.com).

Happy coding with Actify! 🚀