stars on Github
Primitive first - well curated UI library.
Move faster with beautiful, responsive UI components and website templates with modern design, 100% free and open-source.
Awesome Templates built internally by farmUI
All the free and paid template built internally from componnents that opensourced here.
Perk.ai
Ease
Arc
Docy
Spotter
Sharps
Curves
Shadow
MegaMess
Chacha
More
Turn your ideas into reality
FarmUI offers all the vital building blocks you need to transform your idea into a great-looking startup.
Beautifully designed
Farm UI allows you build beautiful and modern websites regardless of your design skills.
Explore moreFully Responsive
Responsive designed components and templates that look great on any screen.
Explore moreCustomizable
copy and paste into your apps and experience the power of customizable components.
Explore more
BUILD
Schedule a call and plan your personalization.
Move faster with beautiful, responsive UI components and website templates with modern design, 100% free and open-source.
A wide range of templates and components.
FarmUI offers all the vital building blocks you need to transform your idea into a great-looking startup.
Blazingly fast UI
Experience ultra-fast user interface performance, designed to ensure rapid response times and a seamless user experience.
Dashboard UI
An intuitive and dynamic dashboard interface, crafted to provide a clear and organized view of essential metrics and information.
Auth Starter UI
Get a head start on authentication with a ready-to-use UI, featuring essential components for secure user access and management.
Team UI
A collaborative and interactive UI designed to facilitate team management and communication, making teamwork more efficient and effective.
Toast & Alert UI
Implement toast notifications and alert dialogs with ease, enhancing user engagement and providing timely feedback within your application.
Hero UI
A bold and visually striking UI component, designed to captivate attention and deliver impactful messaging with a modern aesthetic.
Build products for everyone
Get your component up and running with just one command.
Move faster with beautiful responsive UI components and website templates with modern design, 100% free and open-source.
pnpm farm-ui add farmui-hero-03
Use your favorite framework
Copy and paste the components you want with your favorite JS framework
<div class="max-w-2xl mx-auto px-4">
<div class="items-start justify-between sm:flex">
<div>
<h4 class="text-gray-800 text-xl font-semibold">Team members</h4>
<p class="mt-2 text-gray-600 text-base sm:text-sm">Give your team members access to manage the system.</p>
</div>
<a href="javascript:void(0)" class="inline-flex items-center justify-center gap-1 py-2 px-3 mt-2 font-medium text-sm text-center text-white bg-indigo-600 hover:bg-indigo-500 active:bg-indigo-700 rounded-lg sm:mt-0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
</svg>
New member
</a>
</div>
<ul class="mt-12 divide-y">
<!-- Repeat this block for each member -->
<li class="py-5">
<div class="flex gap-3">
<img src="https://api.uifaces.co/our-content/donated/xZ4wg2Xj.jpg" class="flex-none w-12 h-12 rounded-full" alt="John lorin's avatar">
<div>
<span class="block text-sm text-gray-700 font-semibold">John lorin</span>
<span class="block text-sm text-gray-600">john@example.com</span>
</div>
</div>
</li>
<!-- Repeat the above block for each member in your 'members' array -->
</ul>
</div>
Treating UI component as first class citizen.
FarmUI offers all the vital building blocks you need to transform your idea into a great-looking startup.
Explore components