npm i -D tailwind-css-variables-theme-generator sass # or yarn add -D tailwind-css-variables-theme-generator sass准备需要被暴露的变量文件创建一个或者多个 sass:map: // constants.scss $root-vars: ( --color-canvas-default-transparent: rgba(32, 54, 85, 0), --color-marketing-icon-primary:...
Generate Custom Shadcn Theme Effortlessly create a unique Shadcn theme from your favorite images or colors, ensuring your website stands out with a personalized touch. Tailored Color Palette Generator Easily generate and customize a color palette that aligns with your brand identity, enhancing the vi...
I'm a huge fan of Tailwind CSS. When creating designs where I knew I'll use Tailwind CSS for development, it became frustrating when I had to manually create the styles and copy colors from Tailwind CSS site. Even more frustrating was when I had to manually create those styles time and ...
const { generateSync } = require('tailwind-css-variables-theme-generator') const path = require('path') generateSync({ // entryPoint entryPoint: path.resolve(__dirname, './expose/expose.scss'), // default '.', 生成文件夹的名称 outdir: 'expose', // output file 生成各个文件的配置 files...
不过这个标题也不是空穴来风,我也确实比较了解 tailwindcss,围绕着它的生态,我陆陆续续开发了: 预设 tailwindcss-miniprogram-preset (小程序预设,已废弃) tailwindcss-rem2px-preset (rem转px/rpx预设) 小工具 inline-tailwindcss (内联tailwindcss) tailwind-css-variables-theme-generator (css 变量生成器) ...
Software development Naveen G tailwindcss-styles-generator Plugin • 89 • 12.1k users Open in FigmaAbout Comments 1 The plugin allows us to create styles based on the tailwind.json file How to use: Add tailwind to your project Run npx tailwind.json which gives the json file Open this ...
_tw is a WordPress starter theme fine-tuned for modern development with Tailwind CSS, Tailwind Typography and the WordPress editor.
An AI-powered tool that helps developers generate TailwindCSS code from text prompts. Free to use, simple, and efficient for building beautiful UIs.
Utilize powerful tools to generate colors, gradients, typography, and other Tailwind CSS configurations effortlessly.
tailwind-safelist-generator。它允许您通过模式或直接从类本身加载类。 你可以这样使用它: tailwind.config: /** @type {import('tailwindcss').Config} */ // If you are using Typescript, sadly 'tailwind-safelist-generator' does not support typescript for now ... You will need to use @ts-igno...