Kinfe123 / farm-ui

Treating UI Libraries as first class citizen and making sure they are headless :)
https://farmui.com
155 stars 13 forks source link
contentlayer drizzle framer-motion magicui monorepo nextjs pg shadcn tailwindcss turborepo

FarmUI GitHub stars

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.

landing-image

Why tho?

Installation Guide

  1. Install the npm package

    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

    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 for more information on how to contribute.