floatui.com Open in urlscan Pro
188.114.96.9  Public Scan

Form analysis
0 forms found in the DOM

Text Content

World's best and simplest website builder powered by AI

Build your website
Editor with AI
 * Components
 * Templates
 * Demo
 * Github
 * Editor with AI

Get started


BUILD AND SHIP FAST WITH TAILWIND CSS UI COMPONENTS

Move faster with beautiful, responsive UI components and website templates with
modern design, 100% free and open-source.

Get startedStar on GithHub



TURN YOUR IDEAS INTO REALITY

Float UI offers all the vital building blocks you need to transform your idea
into a great-looking startup.


 * BEAUTIFULLY DESIGNED
   
   Float UI allows you build beautiful and modern websites regardless of your
   design skills.
   
   
   
   


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


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


USE YOUR FAVORITE FRAMEWORK

Copy and paste the components you want with your favorite JS framework

HTML
React.js
Vue.js
Svelte.js

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






TEAM MEMBERS

Give your team members access to manage the system.

New member
 * John lorinjohn@example.com
 * Chris bondichridbondi@example.com
 * yasmineyasmine@example.com
 * Josephjoseph@example.com


PROFESSIONAL WEBSITE TEMPLATES

A collection of professional and beautifully designed website templates, built
on top of React, Next.js with Tailwind CSS.


READY TO USE TEMPLATES

Explore pre-designed templates to quickly begin building your application or
website.




GOOD TEMPLATE SCORES

Our templates are made to be super fast, easy for everyone to use, and show up
well on search engines.

5


MAKE YOUR IDEAS COME TO LIFE WITH NO TIME

Copy and paste our ready to use components into your apps, and save time, or use
it in MarsX.

Get startedUse in MarsX

We are in a mission to make the proccess of building Tailwind UI components
easier.


 * Resources
 * Demo
 * License
 * Privacy Policy
 * Blog
 * Tailwind UI free
 * Tailwind templates
 * Tailwind components free

 * Mars Verse
 * Marsx
 * Unicorn Platform
 * UI generator
 * E-commerce store generator
 * Dev Hunt
 * RapidForms (online form builder)

© 2023 Float UI. All rights reserved.