tailwindcss - CybAI news

30 Jun

React + Vite + Tailwind project

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, react, software, tailwindcss, vite, webdev

This guide will help you init a React project with Vite and use Tailwind. Prerequisite Use this command to check your NodeJS version node -v Enter fullscreen mode Exit fullscreen mode Create react project with vite Open your terminal and run the command npm create vite@latest Enter fullscreen mode Exit fullscreen mode It would ask you some question: Project name: Your project name, example: pokemon Select a framework: Choose React Select a variant: Pick TypeScript Then your project is created, open the project by VSCode or your other IDE and install dependencies by this command: npm install Enter fullscreen mode…

19 Jun

Tutorial de instalação do Storybook com Tailwind

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, ledscommunity, software, storybook, tailwindcss

Instalação Storybook Na pasta do seu projeto, execute o comando no terminal: npx storybook@latest init Enter fullscreen mode Exit fullscreen mode Você deverá ver o seguinte texto no terminal: Need to install the following packages: storybook@8.1.10 Ok to proceed? (y) Enter fullscreen mode Exit fullscreen mode Responda com y. O Storybook deve detectar se o seu projeto utiliza Vite ou Webpack: Adding Storybook support to your "Vue 3" app • Detected Vite project. Setting builder to Vite. Enter fullscreen mode Exit fullscreen mode Se isso não acontecer, selecione a ferramenta utilizada no seu projeto nas opções que aparecerão no terminal.…

09 Jun

Solving Tailwind’s “Unknown at rule @apply”

stp2y0 CommentsNewscoding, community, css, development, engineering, inclusive, software, tailwindcss, vscode, webdev

Originally posted in oh-no.ooo (Unknown at rule @apply... k thx bye!), my personal website. Chances are you are using VSCode, and chances are you're also using Tailwind in one of your projects. Chances are that at my first chances are... you went immediately nuh-uh and moved on (and if you're a NeoVim user I can't help you anyway, you're already doomed and lost in the recommended plugins someone chose for you and you're probably still figuring out half of them) but if I got your attention with the first two assumptions, then this post might be relevant for you! One…

09 Jun

Effortless – Free Tailwind CSS Website Template

stp2y0 CommentsNewsbeginners, coding, community, development, engineering, inclusive, software, tailwindcss, webdev

Effortless is your go-to solution for crafting a sleek and modern landing page with minimal effort. Key Features: Sticky Menu: Navigate with ease as the sticky menu ensures your main navigation is always accessible, providing a smooth and user-friendly experience. Hero Section: Make a bold first impression with a captivating hero section, perfect for highlighting your key message or product. Features Section: Showcase the unique features and benefits of your product or service in a clean and organized manner, helping to convey your value proposition effectively. Client Testimonials Swiper Slider: Build trust with potential customers by displaying real client testimonials…