Search for a command to run...
Series
Popular front-end frameworks/libraries used for building user interfaces in web development.
Tailwind - a utility classes chakra ui - Component Library 0. Shortcut Installation Extract Here the MY_TEMPLATE zip file To Execute the template, run the command npm run start in the terminal of VS Code. 1. Tailwind CSS Installation 馃敆 Tailwin...
(a.) Learn Vite Server & Deployment for Tailwindcss : 馃獪 Step 1: npm i vite 馃獪 Step 2: In package.json file add below code Add "start": "vite" inside "scripts" { "scripts": { "start": "vite" }, "dependencies": { "vite": "^4...
Make div in center: Apply Custom CSS to Tailwindcss @tailwind base; @tailwind components; @tailwind utilities; .my-custom{ @apply text-blue-800 bg-red-300 font-bold text-3xl; } .my-custom2{ color: red } *{ @apply text-xl } [![MasterHead()]...
Chakra UI Documentation 1. Installation npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion 1.2 馃搫 package.json - dependencies { "name": "chakra-ui", "version": "0.1.0", "private": true, "dependencies": { "@chakra-ui/icon...
GSAP (GreenSock Animation Platform) 1.Include GSAP library: 馃敆CDN Link 2. Add GSP cdn before the your custom script.js 3.Write JavaScript: (script.js) Methods used to create animations: gsap.to() moves an element from its current state to a define...
1.Locomotive CDN: Copy js - CDN : & paste link in script tag of html 2.Similarly Copy - css CDN & paste the link in link:css of html 3.Finally: Boiler Plate for Locomotive Will look like, Locomotive Design: The Super Parent Div or Tag - Should no...
