Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/carllosnc/react-thekit

Collection of React components
https://github.com/carllosnc/react-thekit

frontend javascript react

Last synced: 11 days ago
JSON representation

Collection of React components

Host: GitHub
URL: https://github.com/carllosnc/react-thekit
Owner: carllosnc
License: mit
Created: 2022-04-06T21:46:54.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-06-16T23:27:54.000Z (5 months ago)
Last Synced: 2024-06-17T22:41:29.151Z (5 months ago)
Topics: frontend, javascript, react
Language: TypeScript
Homepage: https://react-thekit.vercel.app/
Size: 1.35 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # React Thekit

[![Node.js CI](https://github.com/carllosnc/react-thekit/actions/workflows/node.js.yml/badge.svg)](https://github.com/carllosnc/react-thekit/actions/workflows/node.js.yml)

[![Codacy Badge](https://app.codacy.com/project/badge/Grade/1b255474882b49fca0c4e2e020bcc2dd)](https://app.codacy.com/gh/carllosnc/react-thekit/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade)

> TheKit is a collection of React components that are designed to be simple, easy to use, reponsive and customizable. All components are built with TypeScript, Tailwind and React.

### What's inside

- Typescript

- React

- Framer motion

- Tailwind

### Components

| Name            | Example                                                | Doc                                                                                      |

| --------------- | ------------------------------------------------------ | ---------------------------------------------------------------------------------------- |

| 🆗 Button        | [Link](https://react-thekit.vercel.app/button)         | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/Button)        |

| 🚂 Carousel      | [Link](https://react-thekit.vercel.app/carousel)       | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/Carousel)      |

| ✅ Checkbox      | [Link](https://react-thekit.vercel.app/checkbox)       | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/Checkbox)      |

| 👇 Expander      | [Link](https://react-thekit.vercel.app/expander)       | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/Expander)      |

| 🙅‍♂️ If            | [Link](https://react-thekit.vercel.app/if)             | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/If)            |

| 🧱 ImageBlock    | [Link](https://react-thekit.vercel.app/image-block)    | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/ImageBlock)    |

| 🖼 ImageExpander | [Link](https://react-thekit.vercel.app/image-expander) | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/ImageExpander) |

| 🔠 Input         | [Link](https://react-thekit.vercel.app/input)          | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/Input)         |

| 🖐 Modal         | [Link](https://react-thekit.vercel.app/modal)          | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/Modal)         |

| 🍱 Navbar        | [Link](https://react-thekit.vercel.app/navbar)         | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/Navbar)        |

| 🔘 Radio         | [Link](https://react-thekit.vercel.app/radio)          | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/Radio)         |

| 🧱 RegularTable  | [Link](https://react-thekit.vercel.app/regular-table)  | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/RegularTable)  |

| 🙈 Reveal        | [Link](https://react-thekit.vercel.app/reveal)         | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/Reveal)        |

| 👉 Select        | [Link](https://react-thekit.vercel.app/select)         | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/Select)        |

| 🖱 Selectable    | [Link](https://react-thekit.vercel.app/selectable)     | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/Selectable)    |

| 🖋 Syntax        | [Link](https://react-thekit.vercel.app/syntax)         | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/Syntax)        |

| 🍫 Tabs          | [Link](https://react-thekit.vercel.app/tabs)           | [Link](https://github.com/carllosnc/react-thekit/tree/main/src/components/Tabs)          |

---

### License

MIT © [carlosnc](https://github.com/carllosnc)