Skip to main content
Every Slik project ships with a complete, handcrafted UI theme applied across every generated screen — from the landing page to the admin panel. Themes in Slik are not color palettes or CSS variables you tweak yourself; they are fully designed layout systems with Tailwind CSS and Framer Motion animations already wired in. You choose your theme once during the CLI prompt, and Slik generates the entire project styled for that aesthetic.

​
The Three Themes

Bento is a bento-grid style layout inspired by the modular card-based design aesthetic popular in modern SaaS products. Content is organized into irregular grid cells that create visual hierarchy without relying on heavy typography or dense copy.
  • Grid-based composition with asymmetric card sizes
  • Clean, structured spacing with a modern SaaS feel
  • Emerald accent color system against deep dark backgrounds
  • Smooth Framer Motion entrance animations on all grid cells
  • Fully responsive — grid reflows gracefully on mobile
Status: Available now with Next.js.
All themes are fully available and ready to use. Check the Stack Matrix for full details.

​
Dark Mode

All Slik themes include dark mode by default. There is no additional configuration required — dark mode is:
  • On by default — The generated app opens in dark mode out of the box.
  • User-controlled — A theme toggle is included in the generated navbar, allowing users to switch between dark and light at any time.
  • localStorage persistent — The user’s preference is saved in localStorage and respected on every subsequent visit. No flash of incorrect theme on load.
  • Smoothly transitioned — All color changes animate with a 0.3s CSS transition so the switch never feels jarring.

​
Generated Screens

Regardless of which theme you choose, Slik generates four complete screens for your app:

Landing

A full marketing landing page with hero section, feature cards, social proof elements, and a call-to-action. Fully animated with Framer Motion scroll-in effects.

Auth

Sign-in and sign-up screens with form inputs, OAuth provider buttons, and a magic link option. Pre-wired to NextAuth/Auth.js.

Dashboard

A sidebar-based application shell with stat cards, a data chart, and a main content area. Responsive — sidebar collapses on mobile.

Admin

A top-navigation admin panel with a data table, row actions, and filtering controls. Ready for user management or content moderation flows.
You can preview all four screens for any stack and theme combination before installing using the Slik theme previewer at slik.dev/preview.

​
Selecting Your Theme

1

Run the scaffolding command

2

Select your stack first

Choose Next.js when prompted. Theme selection comes next.
3

Choose your theme at the prompt

4

Complete the remaining prompts

After confirming your theme, the CLI continues with auth and database configuration.
5

Launch your app

Open http://localhost:3000 to see your themed app running locally.
Not sure which theme fits your product? Visit the live theme previewer at slik.dev/preview to browse all four generated screens — Landing, Auth, Dashboard, and Admin — before you scaffold.