Want to build beautiful UI components with PrimeVue, use Nuxt for your app structure, and Tailwind CSS for styling? Here's the ultimate quick-start guide! 1️⃣ Install Tailwind CSS, PrimeVue & PrimeIcons Let’s start by adding Tailwind, PrimeVue and P...
Tailwind CSS is a utility-first CSS framework that makes styling easy, fast, and consistent. But if you’ve ever tried to install Tailwind in your React or Next.js project and hit a strange error like this: npm ERR! could not determine executable to r...
Create a sticky changelog component with Tailwind CSS Hello everyone! Today we are building super simple but useful sticky changelog. Originally posted on: https://lexingtonthemes.com/tutorials/how-to-create-a-sticky-changelog-with-tailwind-css-and-a...
이번에 Toastify를 처음 사용해봤는데 css가 적용이 안 된다🥹 utils/toastService.js import { toast } from 'react-toastify' const defaultOptions = { position: 'top-center', autoClose: 2000, hideProgressBar: false, closeOnClick: true, pauseOnHover: true, dragga...
Let’s recreate the same cart example using JavaScript instead of Alpine.js. Originally posted on. https://lexingtonthemes.com/tutorials/how-to-add-item-to-your-cart-with-tailwind-css-and-javascript/ A quick refresh: What are add to cart buttons and w...
🚀 Step-by-Step Guide: Setting Up Custom Colors in Nuxt with Tailwind 1️⃣ Install Tailwind CSS with the Nuxt Module Nuxt makes it super easy to integrate Tailwind CSS via its official module. Just run: # Install Tailwind CSS npx nuxi@latest module ad...
A clean and easy guide to setting up custom fonts using Nuxt modules. 1. Install Tailwind and Google Fonts Modules Nuxt offers official modules for both Tailwind CSS and Google Fonts. To install them, just run the following commands: # Install Tailwi...
Hey Hashnode community! 👋 The Tailwind Tangle: Sound Familiar? If you're anything like me and spend a good chunk of your day working with Tailwind CSS, you've probably felt that little friction point: endlessly tweaking classes, tabbing back and for...
Hey everyone, Amey here! 👋 This week, I started learning Tailwind CSS, a utility-first CSS framework that helps in designing websites using pre-built classes. Since I already had some knowledge of CSS, getting started wasn’t too tough—but I did run ...
Let’s recreate the navigation bar from the previous tutorial with alpinejs using instead JavaScript and Tailwind CSS. Originally posted on: https://lexingtonthemes.com/tutorials/how-to-create-an-animated-navigation-with-javascript/ Why animate the na...