/farm-ui

Treating UI Libraries as first class citizen and making sure they are headless :)

Primary LanguageMDX

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?

  • 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

Installation Guide

  1. Install the npm package
pnpm add @kinfe123/farm-ui
  1. Go to https://farmui.com and grab the id of the UI or component that you want

  2. Adding the UI or component based on that ID

pnpm farm-ui add {id}

id - being the id of the component from farmui.com

  1. Specify the directory where you want the componnt to be installed or it uses components dir by default.

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