Shadow Pro - Dark Tailwind CSS UI kit and template for startups

Shadow is a premium Tailwind CSS UI kit featuring 40+ pages, 60+ sections, and 100+ components. Built with Alpine.js and HTML, it provides a flexible, dark-themed design ideal for startups and SaaS projects.

Shadow Pro screenshot
layers-3 Extensive Component Library

Over 100 reusable components, 60 sections, and 40 pages for endless layout combinations.

dark-mode Dark Themed Design

Lush, sophisticated dark aesthetic crafted for startups and SaaS web projects.

laptop-mobile Fully Responsive

Every page, section, and component is optimized for all screen sizes and devices.

duplicate-tasks-2 Copy-Paste Friendly

Easily copy entire pages, sections, or individual components into any project.

folder-tree Clean File Structure

Over 150 neatly organized HTML files with partials, includes, and source files.

gear-3 Webpack Build Pipeline

Source files compile via simple npm commands for fast development and production builds.

palette-2 Custom Color Palette

Includes a tailored tailwind.config.js for easy brand color and style adjustments.

circle-info-sparkle Overview

Build sophisticated startup pages with a dark-themed Tailwind UI kit

Shadow is a comprehensive UI kit built with Tailwind CSS 3 and HTML, offering a refined, dark aesthetic designed for startups, SaaS platforms, and modern web projects. With over 40 fully designed pages, 60 reusable sections, and 100+ customizable components, Shadow lets you create personalized layouts by mixing and matching its elements. Each element is crafted with attention to detail, ensuring both high performance and a visually rich experience.


Built with Alpine.js and minimal vanilla JavaScript, Shadow is developer-friendly and comes with source files that support a Webpack build pipeline. This setup, combined with the flexibility of Tailwind CSS 3 and PostCSS 8, ensures easy customization, efficient compilation, and full responsiveness across all devices. The UI kit also includes a custom Tailwind configuration, allowing you to adjust the color palette and other settings to fit your brand's identity. 

Highlights

  • Technologies: Tailwind CSS 3, HTML, Alpine.js, PostCSS 8
  • Extensive Library: 40+ pages, 60 sections, 100+ components for endless design options.
  • Build Process: Webpack pipeline with npm run build & npm run start
  • Modular Structure: Tidy, organized folder structure for intuitive use.
  • Customization: Custom color palette and tailwind.config.js for tailored styling
  • Organization: 107 HTML files in a structured folder for easy navigation
  • Responsive Design: Fully optimized for all screen sizes
Stack
Tailwind CSS
Tailwind CSS v3
HTML
HTML
Alpine.js
Alpine.js
Highlights
circle-check-3 40+ designed pages
circle-check-3 60+ reusable sections
circle-check-3 100+ UI components
circle-check-3 Source files included
circle-check-3 PostCSS 8 support
circle-check-3 Alpine.js interactions
Additional info
Size
41.1 MB
Pages
40+
Sections
60+
Components
100+
Html files
150+
x logo-facebook logo-linkedin

Harmony Pro

$69

A fully equipped UI kit for your SaaS or business.

Monotone Pro UI Kit

$59

A fully equipped UI Kit for startups

Oxbow UI

star 213

Open source Tailwind CSS and Alpine.js UI blocks