Mamba UI
Kickstart your next website in minutes Mamba UI is a free, open-source collection of UI components and templates based on Tailwind CSS. Make the web your playground Easy to use UI elements based on Tailwind CSS Mamba UI is a toolkit for developers and designers to make creating interfaces easier. We have some of the most popularly used components to help you get started. Everything is modular and
Rewind-UI - A fully customizable React-TailwindCSS component library
Rewind-UI is a React component library that provides a set of accessible, reusable, and customizable components to help you build your next project. We've designed our components to be flexible and easy to use, so you can focus on what matters most: building great user experiences. Getting started with Rewind-UI is easy! Simply install the package using your package manager of choice, and you're r
TailwindCSSã®applyã¯ä½•ãŒæ‚ªã„ã®ã‹
Tailwind CSS ã«ã¯ @apply ã¨ã„ã†æ©Ÿèƒ½ãŒã‚る。ユーティリティクラスをカスタムクラスã®å†…部ã«ã€Œå±•é–‹ã€ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã 。例ãˆã°ä»¥ä¸‹ã®ã‚ˆã†ã«ã§ãる。 .custom-class { max-height: 350px; &:before, &:after { content: ''; @apply block sticky left-0 right-0 -mt-2 pb-3; } } ã“ã‚Œã¯ãƒ“ルドã™ã‚‹ã¨ã“ã†ãªã‚‹ã€‚ .custom-class { max-height: 350px; } .custon-class:before, .custon-class:after { content: ''; position: -webkit-sticky; position: sticky; left: 0px; right: 0px; margin-top: -16px; displ
Tailwind CSS ã®ä¸€æ©é€²ã‚“ã 書ãæ–¹
-## CSS カスタムプãƒãƒ‘ティ +## CSS カスタムプãƒãƒ‘ティã®å®£è¨€ +## CSS カスタムプãƒãƒ‘ティã®åˆ©ç”¨ + +```html:html +<h1 class="px-[--gutter]"> + Hello world! +</h1> +``` + +`px-[var(--gutter)]` ã®ã‚ˆã†ã«è¨˜è¿°ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€`var()` ã¯çœç•¥å¯èƒ½ã§ã™ã€‚ -<h1 class="text-[length:var(--title-size)] text-[color:var(--title-color)]"> +<h1 class="text-[length:--title-size] text-[color:--title-color]"> +## フォントサイズã¨ä¸€ç·’ã«è¡Œã®é«˜ã•ã‚’指定ã™ã‚‹ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ³ãƒ‰ + +```html:html +<h1 class="text-
Tailwind CSSã®äºŒé¢æ€§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ を借りるã¨ã„ã†ã“㨠| Marginalia
ã“ã®é›‘記を書ãå•é¡Œæ„è˜ã¯ã€Tailwind CSSã«å¯¾ã—ã¦å‘ã‘られã¦ã„る世ã®äººã€…ã®ä¸æº€ãŒã€Tailwind CSSãŒã‚³ãƒŸãƒƒãƒˆã—ã¦ã„ã‚‹ã“ã¨ã‹ã‚‰å¤–ã‚ŒãŸã€ãŠé–€é•ã„ã®æœŸå¾…ã®æŠ¼ã—ã¤ã‘ã«ãªã£ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ„Ÿã˜ã‚‹ã¨ã“ã‚ã«ã‚る。 ライブラリやフレームワークã€é“å…·ã«ã¯ãã‚ŒãŒä½œã‚‰ã‚ŒãŸç›®çš„ãŒã‚ã‚Šã€æžœãŸãã†ã¨ã™ã‚‹ã‚³ãƒŸãƒƒãƒˆãƒ¡ãƒ³ãƒˆãŒã‚る。ãã®åœå†…ã«ãŠã„ã¦æžœãŸã•ã‚Œã¦ã„ãªã„コミットメントã«å¯¾ã™ã‚‹ä¸æº€ã¯ã€ãれ自体ã®å˜åœ¨æ„義ã«ã‹ã‹ã‚ã‚‹æ„味をæŒã¤ãŒã€ã—ã‹ã—利用者ãŒä¸€æ–¹çš„ã«å¯„ã›ãŸæœŸå¾…ãŒæžœãŸã•ã‚Œãªã„ã“ã¨ã«å¯¾ã™ã‚‹ä¸æº€ã¯ãã†ã§ã¯ãªã„。 念押ã—ã™ã‚‹ã¾ã§ã‚‚ãªã„ã¨æ€ã†ãŒã€ã“ã‚Œã¯Tailwind CSSã«å¯¾ã—ã¦ä¸æº€ã‚’å‘ã‘ã‚‹ã¹ãã§ã¯ãªã„ã¨ã„ã†è©±ã§ã¯ã¾ã£ãŸããªã„。むã—ã‚ã€ãã®ä¸æº€ã®ä¸‹æ•·ãã¨ãªã£ã¦ã„ã‚‹ Tailwind CSS ã¸ã®æœŸå¾…㌠Tailwind CSS 自体ã«ã‚ˆã£ã¦ã‚³ãƒŸãƒƒãƒˆã•ã‚ŒãŸã‚‚ã®ã§ãªã„ã¨ã—ãŸã‚‰ã€ä¸æº€ã‚’å‘ã‘ã¦ã‚‚ã—ょã†ãŒãªã„ã®ã§ã¯
Tailwind CSS v3.0 - Tailwind CSS
Tailwind CSS v3.0 is here — bringing incredible performance gains, huge workflow improvements, and a seriously ridiculous number of new features. Tailwind CSS v3.0 is here — bringing incredible performance gains, huge workflow improvements, and a seriously ridiculous number of new features. For a tour of some of the coolest new features, check out the “What’s new in Tailwind CSS v3.0†video on our
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
RippleUI | TailwindCSS Components
Tailwind CSS Color Palette in different CSS color formats
GitHub - thedevdojo/pines: The Pines UI library
GitHub - rewindui/rewindui: A React component library for building modern web applications using Tailwind CSS.
GitHub - konstaui/konsta: Mobile UI components made with Tailwind CSS
GitHub - tzsk/twify: A Tool to Setup TailwindCSS With a Single Command
GitHub - sannajammeh/tw-classed
GitHub - Idered/twix: Style React components with TailwindCSS
GitHub - t3-oss/create-t3-app: The best way to start a full-stack, typesafe Next.js app
Tailwind CSS Color Generator | UI Colors
Headless UI
GitHub - msaaddev/new-tailwind-app: 💥 One stop shop for eliminating the grunt work of setting up a Tailwind Web App across multiple frameworks. Just type in `npx new-tailwind-app` in your terminal and set up everything instantly.
GitHub - francoismassart/eslint-plugin-tailwindcss: ESLint plugin for Tailwind CSS usage
15+ TailwindCSS Component Libraries that will make your life a bit easier
{{#tags}}- {{label}}
{{/tags}}