Installation

Install libraries for the components.

Lucide React

lucide-react is an icon library for React. It is simple to use and offers many nice icons. Learn more at Lucide Icons.

$npm install lucide-react
Framer Motion

framer-motion helps you add smooth animations to your app. It is easy to use and makes your UI more interactive. Learn more at Framer Motion.

$npm install framer-motion
TailwindCSS

TailwindCSS is a utility-first CSS framework that helps you write css 10x faster. Install it from TailwindCSS Installation.

Html 5 SVG Vector IconHtml X Tailwindcss Icon SVG Vector IconTailwindCSS
React SVG Vector IconReact X Tailwindcss Icon SVG Vector IconTailwindCSS
NextJS X Tailwindcss Icon SVG Vector IconTailwindCSS