back bgback bg

      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.

      Shadow imageShadow image

      Awesome Templates built internally by farmUI

      All the free and paid template built internally from componnents that opensourced here.

      Get LifeTime Access
      bgback

      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 more
        FarmUI UI
      • Fully Responsive

        Responsive designed components and templates that look great on any screen.

        Explore more
        FarmUI UI
      • Customizable

        copy and paste into your apps and experience the power of customizable components.

        Explore more
        FarmUI UI
      elevate your web

      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.

      App screenshot
      ellipse back

      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.

      bgback

      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
      bgback

      Stay up to date

      Get updates on all of our events and be the first to get notified when we launch something cool.

      Sign up to our newsletter