Tailwind CSS Components. Examples and templates

about 500~20000

57

Great show. Can be successful Ji one prosperity and one decline. toil in vain

2

172.67.219.251

TailwindCSSComponents-600+FreeExamplesandTemplates#native-card-js.native-card{display:flex;position:relative;padding:20px;font-family:-apple-system,BlinkMacSystemFont,'SegoeUI',Roboto,Oxygen-Sans,UbuntTailwind CSS Components. Examples and templatesu,Cantarell,'HelveticaNeue',sans-serif;box-sizing:border-box;text-decoration:none;border-radius:8px;box-shadow:002pxhsl(0deg0%0%/25%);height:256px;flex-direction:column;align-items:flex-start;justify-content:center;}@media(max-width:576px){#native-card-js.native-card{height:192px;}}#native-card-js.native-logo{margin-bottom:10px;width:auto;height:40px;}#native-card-js.native-desc{margin-bottom:20px;font-size:16px;line-height:1.4;}#native-card-js.native-cta{display:inline-block;padding:8px10px;font-size:12px;font-weight:600;white-space:nowrap;text-decoration:none;letter-spacing:.4px;text-transform:uppercase;border:none!important;border-radius:4px;}#native-card-js.native-sponsored{position:absolute;top:0;right:0;padding:4px8px;font-size:8px;font-weight:600;line-height:1;letter-spacing:.1px;text-transform:uppercase;border-top-right-radius:8px;border-bottom-left-radius:8px;}(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':newDate().getTime(),event:'gtm.js'});varf=d.getElementsByTName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-NN5FG6H');if(window.localStore){if(localStore.getItem("darkMode")=="true"){document.documentElement.classList.add("dark");}elseif(localStore.getItem("darkMode")=="false"){document.documentElement.classList.remove("dark");}}tailwindcomponentsComponentsAllComponentsawesome69Accordions7Alerts33Alpinejs93atars19Badges9Banner13Blockquote3BottomNigation5Breadcrumb9ButtonGroup9Buttons425Calendar12Cards799Carousel4Charts13Chat11Checkbox14Chip8Collapse3Cursor0Dashboard34Datepicker3DeviceMockups2Drawer2Dropdowns38Faq8Features22FileUpload5FloatingLabel6awesome69Footers17Forms404Gallery6Grid16Headers36Headings1Hr0Icons100Imes17Indicators2Inputs154Jumbotron9Kbd1Kit3Layout88Links3List49Logins126Masonry5MegaMenu2Menu23Modals58MusicPlayer6Nbars29Nigations296NumberInput7Pes693Pination12Parraphs4awesome69Popover9Pricing25Progress8RadioButton7RangeSlider7Rating8Scrollbar8Searchbar6Selects13Shadows1Sidebar38Skeleton4Slider14Speeddial0Spinner6Stepper2Switch8Tables67Tabs23Testimonials8Text6Textarea3Timeline16Toast4Toggle11Tooltip9Typography11Video6Widget752ComponentsPremiumcheatsheetgradientgeneratorEcosystemMaterialTailwindReactTailwindAngularTailwindAstroTailwindTALLDashboardDashboardTailwindUIKitTailwindCustomDevelopmentDiscoverBlogSubmitLoginComponentsAllComponentsawesome69Accordions7Alerts33Alpinejs93atars19Badges9Banner13Blockquote3BottomNigation5Breadcrumb9ButtonGroup9Buttons425Calendar12Cards799Carousel4Charts13Chat11Checkbox14Chip8Collapse3Cursor0Dashboard34Datepicker3DeviceMockups2Drawer2Dropdowns38Faq8Features22FileUpload5FloatingLabel6awesome69Footers17Forms404Gallery6Grid16Headers36Headings1Hr0Icons100Imes17Indicators2Inputs154Jumbotron9Kbd1Kit3Layout88Links3List49Logins126Masonry5MegaMenu2Menu23Modals58MusicPlayer6Nbars29Nigations296NumberInput7Pes693Pination12Parraphs4awesome69Popover9Pricing25Progress8RadioButton7RangeSlider7Rating8Scrollbar8Searchbar6Selects13Shadows1Sidebar38Skeleton4Slider14Speeddial0Spinner6Stepper2Switch8Tables67Tabs23Testimonials8Text6Textarea3Timeline16Toast4Toggle11Tooltip9Typography11Video6Widget752ComponentsPremiumcheatsheetgradientgeneratorEcosystemMaterialTailwindReactTailwindAngularTailwindAstroTailwindTALLDashboardDashboardTailwindUIKitTailwindCustomDevelopmentDiscoverBlogSubmitLoginAfreerepositoryforcommunitycomponentsusingTailwindCSSOpensourceTailwindUIcomponentsandtemplatestobootstrapyournewapps,projectsorlandingsites!LatestcomponentsThenewestfeaturedTailwindCSScomponentsandtemplatesfromthecommunityLowCodeSoftUIDashboardTailwindBuilderTryforfreeTailwindBuilderDr&DropTailwindCSSTemplateBuilderShadcnUIcardexampleWebInspiration3.3TailwindCSSContactUsSectionCreativeTim3.3MicAIBlocksPricingTableCreativeTim3.3datepickerinalphinejsandtailwindcsshilalahmad01013.3CookiesAlertbanny3.3TopcreatorsMeettheforemostcomponentcreatorswithintherealmofTailwindCSS.CreativeTim#1185Componentsbanny#2123ComponentsShehabcoding#397Componentskhatabwedaa#492ComponentsHarrishash#581ComponentsMaterialTailwind#681Componentszoltanszogyenyi#765ComponentsYousefNajib#856ComponentsPopularcomponentsThemostpopularTailwindCSScomponents.NotusTailwindCSSPROReactCreativeTimPremium$79PremiumUIKitandAdmincomponentslibraryforTailwindCSS&React.MicAIBlocksPricingTableCreativeTim3.3datepickerinalphinejsandtailwindcsshilalahmad01013.3ShadcnUIcardexampleWebInspiration3.3UserAuthenticationFormKaleabSelamawi3.35GSAP3DAnimationalokdubey013.34Seemorecomponentstailwindcomponents©2024TailwindComponentsSponsoredbyCreativeTim.Componentsbelongstotheirauthors.PrivacyLegalCookiesfunctioncheckAds(){constad=document.querySelector('#_custom_');if(!ad){return;}Array.from(ad.paTailwind CSS Components. Examples and templatesrentNode.querySelectorAll('.hide-with-banner')).forEach(el=>el.parentNode.removeChild(el));target.removeAttribute('href');returntrue;}consttarget=document.querySelector('#native-card-js');constadObserver=newMutationObserver((mutations)=>{if(checkAds()){adObserver.disconnect();}})adObserver.observe(target,{attributes:true,childList:true,characterData:true,subtree:true})constinterval=setInterval(()=>{if(checkAds()){clearInterval(interval);}},16)(function(){if(typeof_bsa!=='Tailwind CSS Components. Examples and templatesundefined'&&_bsa){_bsa.init('custom','CESD6KJU','placement:tailwindcomponentscom',{target:'.native-js',template:`##description####callToAction##Sponsored`,});}})();#carbonads{font-family:-apple-system,BlinkMacSystemFont,"SegoeUI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"HelveticaNeue",Helvetica,Arial,sans-serif;}#carbonads{display:flex;position:fixed;bottom:60px;right:30px;z-index:50;max-width:330px;background-color:hsl(0,0%,98%);box-shadow:01px4px1pxhsla(0,0%,0%,.1);}#carbonadsa{color:inherit;text-decoration:none;}#carbonadsa:hover{color:inherit;}#carbonadsspan{position:relative;display:block;overflow:hidden;}#carbonads.carbon-wrap{display:flex;}.carbon-img{display:block;margin:0;line-height:1;}.carbon-imgimg{display:block;}.carbon-text{font-size:13px;padding:10px;line-height:1.5;text-align:left;}.carbon-poweredby{display:block;padding:8px10px;background:repeating-linear-gradient(-45deg,transparent,transparent5px,hsla(0,0%,0%,.025)5px,hsla(0,0%,0%,.025)10px)hsla(203,11%,95%,.4);text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:9px;line-height:1;}window.dataLayer=window.dataLayer||[];functiongt(){dataLayer.push(arguments);}gt('js',newDate());gt('config','UA-9-1');{"@context":"schema.org","@type":"WebSite","url":"tailwindcomponents.com","potentialAction":{"@type":"SearchAction","target":"tailwindcomponents.com/search?query={query}","query-input":"requiredname=query"}}