flowbite.com
Open in
urlscan Pro
3.162.38.100
Public Scan
Submitted URL: http://flowbite.com/
Effective URL: https://flowbite.com/
Submission: On January 06 via api from US — Scanned from DE
Effective URL: https://flowbite.com/
Submission: On January 06 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
POST https://app.convertkit.com/forms/4692392/subscriptions
<form action="https://app.convertkit.com/forms/4692392/subscriptions" class="seva-form formkit-form flex max-w-xl md:mx-auto" method="post" data-sv-form="4692392" data-uid="344e3b5c48" data-format="inline" data-version="5"
data-options="{"settings":{"after_subscribe":{"action":"message","success_message":"Success! Now check your email to confirm your subscription.","redirect_url":""},"analytics":{"google":null,"fathom":null,"facebook":null,"segment":null,"pinterest":null,"sparkloop":null,"googletagmanager":null},"modal":{"trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"powered_by":{"show":true,"url":"https://convertkit.com/features/forms?utm_campaign=poweredby&utm_content=form&utm_medium=referral&utm_source=dynamic"},"recaptcha":{"enabled":false},"return_visitor":{"action":"show","custom_content":""},"slide_in":{"display_in":"bottom_right","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"sticky_bar":{"display_in":"top","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15}},"version":"5"}"
min-width="400 500">
<div class="w-full" data-style="clean"><label for="member_email" class="hidden">Email address</label>
<div class="relative h-full">
<div class="absolute inset-y-0 left-0 flex items-center pl-4 pointer-events-none"><svg class="w-4 h-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 16">
<path d="m10.036 8.278 9.258-7.79A1.979 1.979 0 0 0 18 0H2A1.987 1.987 0 0 0 .641.541l9.395 7.737Z"></path>
<path d="M11.241 9.817c-.36.275-.801.425-1.255.427-.428 0-.845-.138-1.187-.395L0 2.6V14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2.5l-8.759 7.317Z"></path>
</svg></div><input type="email" id="member_email" name="email_address"
class="block w-full px-3 py-4 pl-11 text-base text-gray-900 bg-white border border-gray-200 rounded-l-xl formkit-input focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Enter your email" required="">
</div>
</div>
<div><input type="submit" data-element="submit" id="member_submit"
class="formkit-submit formkit-submit w-full px-4 py-4 text-base font-medium text-center text-white bg-blue-700 dark:bg-blue-600 dark:border-blue-600 border border-blue-700 cursor-pointer rounded-r-xl formkit-submit hover:bg-blue-800 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-blue-600 dark:hover:border-blue-700 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
value="Subscribe"></div>
</form>Text Content
NewWe have launched Flowbite Blocks featuring over 330+ website sections!Check it out Flowbite SearchK SearchK LoginSign in * Docs * Blocks * Figma * Icons * Blog * Pro version * Pricing & FAQ LoginSign in NewWe have launched 53 Marketing UI pages! See what's new BUILD WEBSITES EVEN FASTER WITH COMPONENTS ON TOP OF TAILWIND CSS Start developing with an open-source library of over 600+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma. Get startedExplore components FEATURED IN FLOWBITE IN OTHER TECHNOLOGIES You can now also get started with open-source component libraries built for frameworks such as React, Vue.js, Svelte and Angular. FLOWBITE REACT FLOWBITE VUE FLOWBITE SVELTE FLOWBITE ANGULAR FLOWBITE TYPESCRIPT FLOWBITE NEXT.JS FLOWBITE NUXT.JS FLOWBITE ASTRO FLOWBITE REMIX FLOWBITE METEOR.JS FLOWBITE GATSBY FLOWBITE SOLIDJS FLOWBITE QWIK FLOWBITE LARAVEL FLOWBITE SYMFONY FLOWBITE RUBY ON RAILS FLOWBITE PHOENIX FLOWBITE DJANGO FLOWBITE FLASK FLOWBITE BLAZOR TAILWIND CSS COMPONENTS Explore the whole collection of over 63 open-source UI components and interactive elements built with the utility classes from Tailwind CSS and Flowbite. Alerts Accordion Avatar Badges Breadcrumbs Buttons Button group Cards Carousel Dropdown Forms List group Typography Modal Tabs Navbar Footer Sidebar Pagination Speed Dial Rating Timeline Progress bar Table Spinner Toast Tooltips Datepicker Input Field File Input Search Input Select Textarea Checkbox Radio Toggle Range Slider Floating Label Mega menu Skeleton KBD (Keyboard) Drawer (offcanvas) Popover Video Heading Paragraph Blockquote Image List Link Text Horizontal line (HR) Stepper Indicators Bottom Navigation Sticky Banner Gallery (Masonry) Jumbotron Device mockups Charts Number Input Phone Input Chat Bubble View all components > SOLID FOUNDATION FOR ANY PROJECT > > "Flowbite provides a robust set of design tokens and components based on the > popular Tailwind CSS framework. From the most used UI components like forms > and navigation bars to the whole app screens designed both for desktop and > mobile, this UI kit provides a solid foundation for any project. > > Designing with Figma components that can be easily translated to the utility > classes of Tailwind CSS is a huge timesaver!" Eugene FedorenkoLead designer at Wildbit 6,347 Stars on Github 8,178,310 Downloads on NPM 14,000+ Figma duplicates 100 Discord members online BUILDING WITH BLOCKS Get started with over 330+ block sections coded with Tailwind CSS and Flowbite to build high-quality website pages. View all blocks HERO SECTIONS 18 components Marketing UI TABLE HEADERS 13 components Application UI SIDE NAVIGATIONS 12 components Application UI FEATURE SECTIONS 10 components Marketing UI CTA SECTIONS 10 components Marketing UI CONTENT SECTIONS 9 components Marketing UI View all blocks DESIGN WITH FIGMA Get started with the definitive design system for building web applications with Tailwind CSS and Flowbite with Figma by leveraging hundreds of UI components, sections, and pages based on variants, properties, auto-layout, dark mode, responsive support, and more. Preview in Figma Learn more DARK MODE INTEGRATION Flowbite has native built-in support for dark mode by using the variants from Tailwind CSS and the Flowbite Design System. All of the UI components and templates from Flowbite will automatically switch to dark mode based on your browser settings or custom project configuration. * Increased accessibility based on room brightness * Better visibility for users with low vision * Improved readability for users with light sensitivity * High quality UI/UX design for modern applications Learn how to integrate dark mode RTL (RIGHT TO LEFT) SUPPORT The UI components from Flowbite provide full RTL support for Arabic and Hebrew languages by using logical properties from Tailwind CSS. * RTL support for a community of over 500 million people * Based on logical properties from Tailwind CSS * Works on a copy and paste basis * Component preview available in the documentation Learn more about RTL FLOWBITE SVG ICONS Flowbite Icons is a free and open-source collection of premium SVG icons built for the Tailwind CSS, Figma and the Flowbite Ecosystem. There are more than 400+ icons available in the collection and they come in two main styles: solid and outline. You can configure the size, color, and stroke width via Tailwind CSS and our configurator tool and you can also import them in Figma via our community file. * Huge collection of over 400+ SVG icons * Free and open-source under the MIT License * Solid and outline styles included * Supports dark mode out of the box * Figma file available for designers * Compatible with Tailwind CSS and Flowbite Get started View on GitHub + FLOWBITE GPT Start generating UI components, sections, pages, and code snippets with our custom trained GPT model based on open-source resources. The data we used to train this ChatGPT is based on our extensive collection of UI component examples, JS API references and data attributes interface from the Flowbite Library. Open with ChatGPT UPGRADE TO FLOWBITE PRO You get access to hundreds of UI advanced components and templates built with Tailwind CSS for Application, Marketing, Publisher, and E-commerce UI categories with Figma support included. * Support for React and TypeScript components (on-going development) * Templates and components available in Figma * Pre-order for Vue, Svelte, and Angular pro components * Access to over 430+ custom SVG icons in outline and solid styles Explore Flowbite ProPricing & FAQ v2.9.0 FLOWBITE DESIGN SYSTEM One of the most advanced Figma design systems on the market featuring variants, auto-layout, responsive components, dark mode, and more. Tailwind CSS & React FLOWBITE BLOCKS Get access to over 330+ advanced UI components and website sections to build website and applications faster. v1.0.0 REACT ADMIN DASHBOARD Over 20+ pages built with React and TypeScript components with support for Tailwind CSS classes to build web applications. React & Figma FLOWBITE ICONS Get access to over 430+ custom designe SVG icons in outline and solid styles with support for Flowbite, React, and Figma. COMMUNITY CONTRIBUTORS Join a community of open-source contributors by tuning in with the Flowbite React community and become one of the highlighted members zoltanszogyenyi robert1508 Manal-el CorwinDev jmnda-dev jneuendorf CatherineKiiru joaopalmeiro shinokada daveholst dissto cordosvictor xenolithviktor szepeviktor abidra AlessioGr adkik alorence arthurgeek fuchsfelipel GuillaumeCleme JOIN THE COMMUNITY Become a member of a community of developers by supporting Flowbite See our repository SIGN UP FOR OUR NEWSLETTER Do you want to get notified when a new component is added to Flowbite? Sign up for our newsletter and you will be among the first to find out about new features, components, versions, and tools. Email address By subscribing, you agree with ConvertKit's Terms of Service and Privacy Policy. Flowbite Flowbite is an ecosystem built on top of Tailwind CSS including a component library, block sections, a Figma design system and other resources. RESOURCES * Documentation * Flowbite Blocks * Flowbite Icons * Flowbite Figma * Flowbite GPT * Pro version HELP & SUPPORT * Contact us * Support center * Work with usNew FOLLOW US * Discord * Github * Twitter LEGAL * License (EULA) * Privacy policy * Terms & conditions * Brand guideline -------------------------------------------------------------------------------- © 2019-2024 Flowbite™ is a registered trademark. All Rights Reserved. Questions? Chat with us!Support is awayChat with FlowbiteHelpdesk