https://github.com/kinfe123/farm-ui
Treating UI Libraries as first class citizen and making sure they are headless :)
https://github.com/kinfe123/farm-ui
contentlayer drizzle framer-motion magicui monorepo nextjs pg shadcn tailwindcss turborepo
Last synced: 8 days ago
JSON representation
Treating UI Libraries as first class citizen and making sure they are headless :)
- Host: GitHub
- URL: https://github.com/kinfe123/farm-ui
- Owner: Kinfe123
- Created: 2024-04-22T19:37:27.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-04-10T12:16:47.000Z (12 days ago)
- Last Synced: 2025-04-14T09:10:32.683Z (8 days ago)
- Topics: contentlayer, drizzle, framer-motion, magicui, monorepo, nextjs, pg, shadcn, tailwindcss, turborepo
- Language: MDX
- Homepage: https://farmui.com
- Size: 77.4 MB
- Stars: 414
- Watchers: 3
- Forks: 27
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
Awesome Lists containing this project
README
## FarmUI 
FarmUI is client first and animation rich ui component library built on top of radix and shadcn as well other primitive providers that we would like to cover.
## Why ?
- We give you a full flexiblity of the source code that we styled and animated with framer motion built on top of radix and shadcn and
wee will add more
- Framework agnostic for generic components
- Full block of components as copy and paste solution.
- Free and Paid Beatifull and modern Website template for Porfolio , Agency , SaaS , Docs , DX tools , frameworks as well personalized requests are also accepted [here](https://t.me/Kinfe123)
## Installation Guide
1. Install the npm package
```bash
pnpm add @kinfe123/farm-ui
```
2. Go to https://farmui.com and grab the id of the UI or component that you want
3. Adding the UI or component based on that ID
```bash
pnpm farm-ui add {id}
```
**id** - being the id of the component from farmui.com
4. Specify the directory where you want the componnt to be installed or it uses **components** dir by default.
5. Finally you get to see the component or UI block inside of **farmui** directory nested on directory you have mentioned on step 4.
**Enjoy!**
## Contributing
See [here](./.github/CONTRIBUTING.md) for more information on how to contribute.