@additionalui/dropdown Additional UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework. additional ui html css next nuxt vue react angular javascript typescript tailwind tailwind components tailwind elements tailwind library View more additionaluipublished...
SearchK Docs Blocks Figma Icons Blog Pro version Pricing & FAQ Sign in Blocks Application UI Side Navigations Get started with the side nav component to show a list of menu items, dropdowns, actions, and user profile actions for your application and dashboard. ...
Dropdown Form Contact Login Register Search Upload Footer Hero Loading/Spinner Modal Navigation/Header Page 404 FAQ Pricing Testimonial Pagination Progress Bar Skeleton Sidebar Comment Step Switch Tags Tooltips Table List Tab Timeline Other Accordion Accordion using radio inputs, Accordion with arrow ic...
Tailwind Dropdown with Checkboxale 3.3 Social Media Icon Buttonsale 3.3 Top creators Meet the foremost component creators within the realm of Tailwind CSS. Creative Tim #1 200 Components banny #2 123 Components Shehab coding #3 97 Components ...
Dropdowns 5 components Buttons 10 components PNG previews only, upgrade to get the HTML. Button Groups 5 components PNG previews only, upgrade to get the HTML. Layout Containers 5 components PNG previews only, upgrade to get the HTML.
@additionalui/dropdown Additional UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework. additional ui html css next nuxt vue react angular javascript typescript tailwind tailwind components tailwind elements tailwind library View more additionaluipublished...
Get started with the header component for the navigation of a website featuring multi-level dropdowns, mega-menus, search bars, language selectors, and more.Requires Flowbite JS Default header navigation# Use this example of a responsive navigation bar for your website by showing multiple menu ...
@tailwindbase;@tailwindcomponents;@tailwindutilities;@layercomponents{.select2-dropdown{@applyrounded-b-lg shadow-md;}.select2-search{@applyborder border-gray-300 rounded;}.select2-results__group{@applytext-lg font-bold text-gray-900;}/* ... */} ...
"use client"; import { useMounted } from "@/utils/hooks"; function ThemeSwitcher() { const { theme: current, setTheme } = useTheme(); const mounted = useMounted(); return ( // ... {themes.map((theme) => ( <ThemeOption theme={theme} key={theme} setTheme={setTheme} isChecked=...
Tailwind CSS is a low-level framework. Meaning, unlike other CSS frameworks likeBootstrapand Materialize, Tailwind doesn’t offer fully styled components like buttons, dropdowns, and navbars. Instead, it offers utility classes so you can create your own reusable components. ...