HomeStylesTemplates
StyleKit
StylesRecipesGuidesAnimationsTemplates

Page Templates

Templates

Complete page templates for various styles. Copy directly or use as design references.

Type:

AllLandingDashboardBlogPortfolioSaaSE-commerceAdminAuthDocsSocialMessagingMediaLifestyleEducation

Tip: Press / to focus search, Esc to clear.

Explore by goal

35 templates

Tip: Use arrow keys, Home/End, or PageUp/PageDown to navigate between template cards.

Brutal Landing Page
LandingNeo-Brutalist

Brutal Landing Page

High-impact Neo-Brutalist landing page for launches and brand-first campaigns.

MarketingCreative

View Template →

Glass Landing Page
LandingGlassmorphism

Glass Landing Page

Modern glassmorphism landing page ideal for SaaS products and technology showcases.

MarketingSaaS / B2B

View Template →

Editorial Blog
BlogEditorial

Editorial Blog

Magazine-inspired reading layout focused on typography, rhythm, and long-form content.

BlogEditorial

View Template →

Anx Avant Blog
BlogNeo-Brutalist

Anx Avant Blog

Experimental portfolio-blog mix with loud typography, brutal borders, and kinetic sections.

BlogMarketing

View Template →

Yohaku Blog
BlogMinimalist Flat

Yohaku Blog

Minimalist paper-textured blog inspired by Japanese Yohaku (white space) philosophy. Single-column reading layout with timeline posts and spring animations.

BlogPortfolio

View Template →

Warm Dashboard
DashboardWarm Dashboard

Warm Dashboard

Warm-toned analytics dashboard with sidebar navigation, stat cards, charts, and data tables.

DashboardSaaS / B2B

View Template →

Minimalist Portfolio
PortfolioMinimalist Flat

Minimalist Portfolio

Clean, flat portfolio with bold typography, project list, skills section, and contact form.

PortfolioE-Commerce

View Template →

Magazine Landing
LandingMagazine Grid

Magazine Landing

Editorial magazine layout with featured articles, category navigation, and newsletter signup.

MarketingEditorial

View Template →

Neumorphism Landing
LandingNeumorphism

Neumorphism Landing

Soft neumorphic SaaS landing page with raised elements, pricing cards, and testimonials.

MarketingSaaS / B2B

View Template →

Brutalist Playful Blog
BlogNeo-Brutalist Playful

Brutalist Playful Blog

Colorful neo-brutalist blog with thick borders, hard shadows, category filters, and playful layouts.

BlogMarketing

View Template →

SaaS Landing Page
SaaSStripe Style

SaaS Landing Page

Modern SaaS landing page with feature grid, pricing plans, testimonials, and call-to-action sections.

SaaS / B2BE-Commerce

View Template →

E-Commerce Product Page
E-commerceApple Style

E-Commerce Product Page

Full e-commerce product page with image gallery, color picker, reviews, and related products.

E-CommerceMarketing

View Template →

Blog with Sidebar
BlogNotion Style

Blog with Sidebar

Classic two-column blog layout with article list, category navigation, tag cloud, and newsletter signup.

BlogDocs

View Template →

Admin Panel
AdminCorporate Clean

Admin Panel

Admin panel with sidebar navigation, user management table, role permissions, and search filters.

AdminSaaS / B2B

View Template →

Portfolio Gallery
PortfolioDark Mode

Portfolio Gallery

Dark-themed portfolio gallery with grid/list toggle, category filtering, and lightbox preview.

PortfolioSaaS / B2B

View Template →

Auth Pages
AuthSoft UI

Auth Pages

Complete auth flow with login, register, and forgot-password views, plus social login support.

SaaS / B2BMarketing

View Template →

Pricing Page
SaaSMinimalist Flat

Pricing Page

Clean three-tier pricing page with feature comparison table, FAQ section, and detailed plan breakdowns.

SaaS / B2BPortfolio

View Template →

Dashboard with Charts
DashboardMaterial Design

Dashboard with Charts

Data-driven analytics dashboard with revenue charts, traffic sources, order tables, and live stats.

DashboardAdmin

View Template →

Documentation Site
DocsNotion Style

Documentation Site

Three-column docs site with sidebar navigation, main content area, table of contents, and code blocks.

DocsBlog

View Template →

Settings Page
AdminFluent Design

Settings Page

Full account settings with profile, notifications, appearance, security, and billing tabs.

AdminDashboard

View Template →

Startup Landing Page
LandingModern Gradient

Startup Landing Page

Dark startup landing page with gradient orbs, feature grid, three-step flow, and email waitlist.

MarketingE-Commerce

View Template →

Social Media Feed
SocialBento Grid

Social Media Feed

Social media feed with post composition, likes, reposts, trending topics, and suggested follows.

PortfolioMarketing

View Template →

File Manager
AdminFluent Design

File Manager

Cloud storage file manager with grid/list views, file search, storage usage, and quick actions.

AdminDashboard

View Template →

Chat Messaging
MessagingSoft UI

Chat Messaging

Chat messaging interface with conversation list, message bubbles, online status, and real-time input.

SaaS / B2BMarketing

View Template →

Calendar Schedule
DashboardMaterial Design

Calendar Schedule

Calendar scheduling page with mini calendar, day view events, color-coded categories, and quick create.

DashboardAdmin

View Template →

Email Inbox
AdminCorporate Clean

Email Inbox

Three-pane email client with folder navigation, email list, detail view, labels, and search.

AdminSaaS / B2B

View Template →

Music Player
MediaDark Mode

Music Player

Dark-themed music player with queue, playback controls, volume slider, and playlist sidebar.

SaaS / B2BBlog

View Template →

Recipe Cooking
LifestyleNatural Organic

Recipe Cooking

Recipe page with step tracking, ingredient scaling, category browsing, and nutritional info.

MarketingE-Commerce

View Template →

Travel Booking
LifestyleModern Gradient

Travel Booking

Travel booking page with destination search, tag filters, pricing display, and favorites.

MarketingE-Commerce

View Template →

Fitness Dashboard
DashboardNeon Gradient

Fitness Dashboard

Dark fitness dashboard with steps, calories, workout log, nutrition tracking, and achievement badges.

DashboardSaaS / B2B

View Template →

Learning Platform
EducationNotion Style

Learning Platform

Online learning platform with course progress, lesson list, achievement stats, and course catalog.

DocsBlog

View Template →

Real Estate Listing
E-commerceApple Style

Real Estate Listing

Real estate listing page with grid/list views, price filters, property details, and agent info.

E-CommerceMarketing

View Template →

KokonutUI Finance Dashboard
DashboardStyle

KokonutUI Finance Dashboard

Modern finance dashboard with account overview, transactions, and event tracking.

Dashboard

View Template →

Frosted Glass CRM Dashboard
DashboardStyle

Frosted Glass CRM Dashboard

Frosted glass CRM dashboard with contact management, sales targets, and team performance.

Dashboard

View Template →

shadcn Analytics Dashboard
DashboardStyle

shadcn Analytics Dashboard

shadcn-style analytics dashboard with stat cards, interactive charts, and data tables.

Dashboard

View Template →

StyleKit

A curated web design style library to help AI generate better-looking websites.

Navigation

StylesTemplatesCommunityGuideBlogChangelog

Resources

UI Design PromptsLanding Page PromptsDashboard PromptsTailwind UI PromptsDark Mode UI PromptsGitHub Repository

Stay Updated

By subscribing, you agree to our Privacy Policy and Terms.


Support Maintenance

If StyleKit helps your workflow, voluntary support helps cover servers, domains, and ongoing upkeep.

Scan to support / View all options

(c) 2026 StyleKit. Open source project.

AboutContactPrivacyTermsBuilt with the Editorial style
Stylekit前端样式库stylekit.top陕ICP备2025065501号-3
.tsx
Source not available.

Type: