StyleSpinJS

Intelligent Tailwind CSS theming that transforms any site

Why Choose StyleSpinJS?

Tailwind CSS Optimized

Specifically designed for Tailwind CSS websites with intelligent class management

Intelligent Analysis

Smart element detection and contrast verification for perfect theming

Zero Configuration

Drop in one script tag and you're ready to go

See It In Action

🎨

Interactive Demo Available

Experience StyleSpinJS live on a fully-featured Tailwind CSS demo page

Launch Demo Page →

Demo includes sticky navigation, forms, cards, and diverse UI elements

Quick Installation

CDN (Recommended)

Add this single line to your HTML:

<script src="https://stylespinjs.com/cdn/gentle-themer.min.js"></script>

Self-Hosted

Download and include both files:

<script src="config.js"></script>
<script src="gentle-themer.js"></script>

That's it! The widget will automatically appear in the bottom-right corner of your Tailwind CSS website.

Note: StyleSpinJS is optimized for Tailwind CSS websites. For best results, ensure your site uses Tailwind classes.

Features

🎨 Beautiful Palettes

  • • 10+ curated color palettes
  • • Light and dark mode support
  • • Automatic contrast adjustment

🔤 Premium Fonts

  • • 16+ Google Fonts included
  • • Sans-serif, serif, and display options
  • • Automatic font loading

⚡ Smart Technology

  • • Tailwind CSS detection
  • • Intelligent element analysis
  • • Regex-powered class management

🎛️ User Controls

  • • Auto-cycle themes
  • • Manual randomization
  • • Reset and rescan options