https://github.com/strlrd-29/hookcn
Copy paste react hooks inspired by shadcn/ui
https://github.com/strlrd-29/hookcn
Last synced: 7 months ago
JSON representation
Copy paste react hooks inspired by shadcn/ui
- Host: GitHub
- URL: https://github.com/strlrd-29/hookcn
- Owner: strlrd-29
- License: mit
- Created: 2024-12-09T20:47:35.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-08-23T13:46:22.000Z (7 months ago)
- Last Synced: 2025-08-24T04:43:12.398Z (7 months ago)
- Language: TypeScript
- Homepage: https://hookcn.ouassim.tech
- Size: 1.69 MB
- Stars: 367
- Watchers: 2
- Forks: 14
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-shadcnui - Github
README
hookcn
A collection of reusable react hooks that you can easily copy and paste into your apps or add directly through the shadcn CLI.
Demo
·
Report Bug
·
Request Feature
## Table of Contents
- [Table of Contents](#table-of-contents)
- [About The Project](#about-the-project)
- [Installation](#installation)
- [Usage](#usage)
- [Roadmap](#roadmap)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#contact)
- [Acknowledgments](#acknowledgments)
## About The Project
[![hookcn Screen Shot][product-screenshot]](https://hookcn.ouassim.tech)
This project offers a collection of reusable React hooks to simplify common tasks like state management, timeouts, and element visibility. Inspired by [shadcn/ui](https://ui.shadcn.com), it lets you copy hooks directly or use a the [shadcn/ui CLI](https://ui.shadcn.com/docs/cli) for easy integration. Each hook is designed with best practices for clean, efficient, and maintainable code.
## Installation
1. Clone the repo
```sh
git clone https://github.com/strlrd-29/hookcn
```
2. Navigate to project dir
```sh
cd hookcn
```
3. Install NPM packages
```sh
pnpm install
```
## Usage
Start the dev server
```sh
pnpm dev
```
Open your browser and navigate to [http://localhost:3000](http://localhost:3000) to see the application in action.
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## License
Distributed under the MIT License. See `LICENSE` for more information.
## Contact
Ghribi Ouassim Abdelmalek - [@strlrd29](https://twitter.com/strlrd29) -
Project Link: [hookcn.ouassim.tech](https://hookcn.ouassim.tech)
## Acknowledgments
- [usehook-ts](https://usehooks-ts.com/)
- [usehooks](https://usehooks.com/)
[product-screenshot]: public/hero.png