TweakCN Clone

About

A reproduction project of tweakcn, a theme customization tool I use and love. Built to learn from great design, practice smooth animations, and explore dynamic theming systems.

Not a one-to-one remake, but something that is pretty close. I had fun with this! Visit it here!

This project features:

• 22 unique color themes with light/dark mode support
• Smooth scroll animations and infinite carousels powered by GSAP
• A clean, responsive landing page design

Tech Stack

TypeScript, SvelteKit, Tailwind CSS, GSAP

Getting Started

Prerequisites

• Node.js 18+
• npm (or pnpm/yarn)

Installation

# Clone the repo
git clone https://github.com/Marcus-Adair/tweakcn_clone.git

# Navigate to project
cd tweakcn_clone

# Install dependencies
npm install

# Start dev server
npm run dev

Open http://localhost:5173 to view it in your browser.

Build for Production

npm run build
npm run preview  # Preview the build