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: 3 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 (9 months ago)
• Default Branch: main
• Last Pushed: 2025-01-12T14:27:05.000Z (9 days ago)
• Last Synced: 2025-01-18T08:02:34.427Z (3 days ago)
• Topics: contentlayer, drizzle, framer-motion, magicui, monorepo, nextjs, pg, shadcn, tailwindcss, turborepo
• Language: MDX
• Homepage: https://farmui.com
• Size: 71.9 MB
• Stars: 366
• Watchers: 2
• Forks: 20
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md

Awesome Lists containing this project

README

        
## FarmUI  ![GitHub stars](https://img.shields.io/github/stars/Kinfe123/farm-ui)

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 tho?

- 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.