Dependencies

Explore ZippyStarter's dependencies including ShadCN components, Tailwind CSS, FontAwesome icons, Framer Motion, and more for enhanced web development.

Components

ShadCN offers a range of additional components you can copy and paste into new files. It's compatible with Tailwind.

• https://ui.shadcn.com/

CSS frameworks

Tailwind is used throughout, except for a handful of custom CSS, and some CSS modules files.

• https://tailwindcss.com/
• https://nextjs.org/docs/app/building-your-application/styling/css-modules

Icons

• https://github.com/FortAwesome/react-fontawesome

CSS Animation

• https://www.framer.com/motion

Content

If you want to create new content types, simply copy what's already been done, if you get stuck refer to the contentLayer docs

• https://contentlayer.dev/

Images

Most images make use of a package named plaiceholder to create a LQIP (Low Quality Image Placeholder), this package is based into the NextImage.tsx component which uses Image from Next.js under the hood, you can also use Image if you prefer.

• https://plaiceholder.co/

Email

The contact form is powered by Nodemailer

• https://nodemailer.com/

clsx

CSS class concatenation is handled with

• https://github.com/lukeed/clsx

Rehype pretty code

• https://rehype-pretty-code.netlify.app/

Tailwind container queries

• https://github.com/tailwindlabs/tailwindcss-container-queries