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

import About from "./components/About";

About Component

CTA

import Cta from "./components/Cta";

CTA Component

Editor

import Editor from "./components/Editor";

Editor Component

FAQ

import FAQ from "./components/FAQ";

FAQ Component

Footer

import Footer from "./components/Footer";

Footer Component

Hero

import Hero from "./components/Hero";

Hero Section

Hero Cards

import HeroCards from "./components/HeroCards";

Hero Cards Component

How It Works

import HowItWorks from "./components/HowItWorks";

How It Works Component

Navbar

import Navbar from "./components/Navbar";

Navbar Component

Newsletter

import Newsletter from "./components/Newsletter";

Newsletter Component

Partners

import Partners from "./components/Partners";