hookcn

Copy paste react hooks inspired by shadcn/ui
GitHub
329
Created 4 months ago, last commit a month ago
Number of contributors not available
89 commits
Stars added on GitHub, month by month
N/A
N/A
N/A
N/A
N/A
N/A
N/A
N/A
N/A
N/A
N/A
3
4
5
6
7
8
9
10
11
12
1
2
2024
2025
Stars added on GitHub, per day, on average
Yesterday
+8
Last week
+1.9
/day
Last month
+2.0
/day
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

About The Project

hookcn Screen Shot

This project offers a collection of reusable React hooks to simplify common tasks like state management, timeouts, and element visibility. Inspired by shadcn/ui, it lets you copy hooks directly or use a the shadcn/ui CLI for easy integration. Each hook is designed with best practices for clean, efficient, and maintainable code.

(back to top)

Installation

  1. Clone the repo

    git clone https://github.com/strlrd-29/hookcn
  2. Navigate to project dir

    cd hookcn
  3. Install NPM packages

    pnpm install

(back to top)

Usage

Start the dev server

pnpm dev

Open your browser and navigate to http://localhost:3000 to see the application in action.

(back to top)

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.

(back to top)

Contact

Ghribi Ouassim Abdelmalek - @strlrd29 - me@ouassim.tech

Project Link: hookcn.ouassim.tech

(back to top)

Acknowledgments

(back to top)