Webseite:CSS Komponenten Tailwind. Beispiele und VorlagenInhalt
TailwindCSSComponents-600+FreeExamplesandTemplates#native-card-js.native-card{display:flex;position:relative;padding:20px;font-family:-apple-system,BlinkMacSystemFont,'SegoeUI',Roboto,Oxygen-Sans,Ubuntu,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');(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-NKDMSK6');if(window.localStore){if(localStore.getItem("darkMode")=="true"){document.documentElement.classList.add("dark");}elseif(localStore.getItem("darkMode")=="false"){document.documentElement.classList.remove("dark");}}TWComponentsComponentsAllComponentsawesome69Accordions7Alerts36Alpinejs93atars20Badges9Banner13Blockquote3BottomNigation5Breadcrumb9BuCSS Komponenten Tailwind. Beispiele und VorlagenttonGroup9Buttons440Calendar12Cards839Carousel5Charts13Chat12Checkbox15Chip8Collapse3Cursor0Dashboard36Datepicker3DeviceMockups4Drawer2Dropdowns41Faq8Features23FileUpload6FloatingLabel9awesome69Footers18Forms414Gallery6Grid17Headers36Headings1Hr1Icons102Imes17Indicators2Inputs182Jumbotron9Kbd1Kit3Layout89Links3List50Logins131Masonry5MegaMenu2Menu23Modals61MusicPlayer6Nbars33Nigations296NumberInput20Pes699Pination13Parraphs4awesome69Popover11Pricing26Progress8RadioButton9RangeSlider7Rating9Scrollbar10Searchbar9Selects16Shadows1Sidebar43Skeleton5Slider15Speeddial0Spinner7Stepper2Switch9Tables75Tabs25Testimonials10Text8Textarea3Timeline17Toast4Toggle12Tooltip9Typography11Video6Widget752ComponentsResourcesCheatsheetGradientGeneratorBlogUI/UXBookFreeBlocksPROBlocksReactComponentsAdmin&DashboardsTemplates&KitsEcosystemMaterialTailwindReactTailwindAngularTailwindAstroTailwindCustomDevelopmentPROBlocksDiscoverSubmitLoginComponentsAllComponentsawesome69Accordions7Alerts36Alpinejs93atars20Badges9Banner13Blockquote3BottomNigation5Breadcrumb9ButtonGroup9Buttons440Calendar12Cards839Carousel5Charts13Chat12Checkbox15Chip8Collapse3Cursor0Dashboard36Datepicker3DeviceMockups4Drawer2Dropdowns41Faq8Features23FileUpload6FloatingLabel9awesome69Footers18Forms41CSS Komponenten Tailwind. Beispiele und Vorlagen4Gallery6Grid17Headers36Headings1Hr1Icons102Imes17Indicators2Inputs182Jumbotron9Kbd1Kit3Layout89Links3List50Logins131Masonry5MegaMenu2Menu23Modals61MusicPlayer6Nbars33Nigations296NumberInput20Pes699Pination13Parraphs4awesome69Popover11Pricing26Progress8RadioButton9RangeSlider7Rating9Scrollbar10Searchbar9Selects16Shadows1Sidebar43Skeleton5Slider15Speeddial0Spinner7Stepper2Switch9Tables75Tabs25Testimonials10Text8Textarea3Timeline17Toast4Toggle12Tooltip9Typography11Video6Widget752ComponentsResourcesCheCSS Komponenten Tailwind. Beispiele und VorlagenatsheetGradientGeneratorBlogUI/UXBookFreeBlocksPROBlocksReactComponentsAdmin&DashboardsTemplates&KitsEcosystemMaterialTailwindReactTailwindAngularTailwindAstroTailwindCustomDevelopmentPROBlocksDiscoverSubmitLoginAfreerepositoryforcommunitycomponentsusingTailwindCSSOpensourceTailwindUIcomponentsandtemplatestobootstrapyournewapps,projectsorlandingsites!LatestcomponentsThenewestfeaturedTailwindCSScomponentsandtemplatesfromthecommunityLowCodeSoftUIDashboardTailwindBuilderTryforfreeTailwindBuilderDr&DropTailwindCSSTemplateBuilderTailwindCSSTimelinejokerbanny3.3TailwindCSSInputSearchjokerbanny3.3ResponsiveTailwindProductCartComponentsFarindra9683.31TailwindCSSNbarsachin3.3Tailwindcssstorelayoutsazonov-src3.3TopcreatorsMeettheforemostcomponentcreatorswithintherealmofTailwindCSS.CreativeTim#1200Componentsbanny#2123ComponentsShehabcoding#397Componentskhatabwedaa#492ComponentsHarrishash#581ComponentsMaterialTailwind#681Componentszoltanszogyenyi#765ComponentsYousefNajib#856ComponentsPopularcomponentsThemostpopularTailwindCSScomponents.ArgonDashboard2TailwindCreativeTimPremium$0ArgonDashboardTailwindisbuiltwithover70individualcomponents,givingyouthefreedomofchoosingandcombining.Allcomponentscantakevariationsincolor,whichyoucaneasilymodifyusingSassfiles.TailwindCSSProdessionalProductCardFarindra9683.32TailwindCSSLoginFormsanumxxx3.3TailwindCSSStudentCreationFormrosto-infinity3.31ShadcnUIPopUpNotificationComponent-HorizonAIBoilerplatevldmihalache3.31ShadcnUIPushNotificationComponentfordarkmode-HorizonAIBoilerplatevldmihalache3.31SeemorecomponentsCompanyAboutUsGithubFreebiesPremiumBlogAffiliateProgramCreativeTimClubHelpandSupportKnowledgeCenterContactUsPremiumSupportCustomDevelopmentTerms&ConditionsPrivacyPolicyLicensesIllustrationsTailwindResourcesAdmin&DashboardsTemplates&KitsReact&TailwindFrameworkHTML&TailwindFrameworkFigmaDesignSystemTWCheatsheetTWGradientGeneratorTWComponentsDeveloperResourcesGaliChatAIAssistantGPTsCollectionBootstrapCheatSheetChatGPTPromptsAICodeMentorDigitalOceanTopSoftwareCompaniesSoftwareEngineeringIntelligenceWeb,Platform&Design©2024CreativeTim.Componentsbelongstotheirauthors.Madewith❤️forabetterweb.functioncheckAds(){constad=document.querySelector('#_custom_');if(!ad){return;}Array.from(ad.parentNode.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!=='undefined'&&_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":"/twcomponents","potentialAction":{"@type":"SearchAction","target":"/twcomponents/search?query={query}","query-input":"requiredname=query"}}