Theming & Components

All the components are made with ShadcnUI + TailwindCSS

The template comes with built-in theming support of light & dark modes. By default the theme is set to user's system theme.

In order to change the theme you can edit the globals.css file located at packages/ui/src/globals.css

Component List

~/thestartuptemplate/apps/website/app/components
.
β”œβ”€β”€ About.tsx
β”œβ”€β”€ Cta.tsx
β”œβ”€β”€ Editor.tsx
β”œβ”€β”€ FAQ.tsx
β”œβ”€β”€ Features.tsx
β”œβ”€β”€ Footer.tsx
β”œβ”€β”€ Hero.tsx
β”œβ”€β”€ HeroCards.tsx
β”œβ”€β”€ HowItWorks.tsx
β”œβ”€β”€ Navbar.tsx
β”œβ”€β”€ Newsletter.tsx
β”œβ”€β”€ NoSSR.tsx
β”œβ”€β”€ Partners.tsx
β”œβ”€β”€ Pricing.tsx
β”œβ”€β”€ ScrollToTop.tsx
β”œβ”€β”€ Services.tsx
β”œβ”€β”€ Statistics.tsx
β”œβ”€β”€ Team.tsx
β”œβ”€β”€ Testimonials.tsx
β”œβ”€β”€ ThemeToggle.tsx
└── AuthButton.tsx

Below are screenshot of few components


About

About Component

CTA

CTA Component

Editor

Editor Component

FAQ

FAQ Component

Footer Component

Hero

Hero Section

Hero Cards

Hero Cards Component

How It Works

How It Works Component
Navbar Component

Newsletter

Newsletter Component

Partners

Last updated

Was this helpful?