Rainblur - A bold, dark themed landing page with personality

Free open-source Tailwind CSS landing page template for coming-soon or waitlist sites, featuring a dark theme, gradient styling, and smooth transitions in a single HTML file.

Rainblur screenshot
dark-mode Dark Mode Design

Uses a bold dark theme ideal for product, SaaS, or coming-soon pages.

palette-2 Gradient Styling

Includes background and text gradients to add depth and visual focus.

bolt Smooth Animations

Built with Tailwind transitions and transforms for subtle interactive motion.

window-code-2 Single HTML File

Ships as a straightforward HTML template using Tailwind via CDN for quick edits.

license MIT Licensed

Released under the MIT license for flexible personal and commercial use.

circle-info-sparkle Overview

Launch a dark gradient landing page fast with Tailwind CSS

This is a single-page landing template designed for anyone who needs a dark, personality-forward marketing page without spinning up a full site. It’s a good fit for founders and makers launching a new product, or teams that want a clean “coming soon” presence while they validate an idea. The layout leans into gradients and contrast to keep key messaging readable and focused. Animations are subtle and handled with utility classes, so you can tweak the feel without rewriting custom CSS. It’s delivered as a straightforward HTML starter that uses Tailwind CSS via CDN, making it easy to edit and deploy quickly.

What's included

  • A dark-themed landing page layout (single-page)
  • Gradient background and gradient text styling
  • Transition and transform effects for interactive polish
  • CDN-based utility styling approach (no build step required for basic usage)
  • Open-source template structure you can fork and adapt

Ideal for

  • Coming-soon pages for startups and new products
  • Waitlist or early-access signup landing pages
  • SaaS marketing splash pages with dark branding
  • Personal projects needing a quick, styled landing page
  • Simple announcements or teaser pages for launches

Theming & dark mode

The design is built around a dark palette and gradient accents, which makes it especially suitable for brands that want a high-contrast look. Because the styling is utility-driven, adjusting colors, spacing, and typography is primarily a matter of editing classes in the HTML. The included transitions/transforms help add motion without relying on heavy scripts.

License & usage

Released under the MIT license, allowing flexible use in personal or commercial projects.

Repository stats
lock-open 0 open issues
star 256 stars
eye 1 watching
code-fork 100 forks
code-commit 11 commits
history almost 4 years ago
Stack
Tailwind CSS
Tailwind CSS v2.2
HTML
HTML
Highlights
circle-check-3 High resolution
circle-check-3 Well documented
circle-check-3 Responsive
circle-check-3 Open source
x logo-facebook logo-linkedin

Landing Page

star 1.4k

A free & stylish landing page

Screenshot Landing Page

star 145

An open-source, versatile landing page template

Admin Dashboard Template

star 358

A clean & responsive dashboard