Mark Hazleton
Back to projects
TailwindSpark: Tailwind CSS React Showcase
Project

TailwindSpark: Tailwind CSS React Showcase

React 19.1 TypeScript monorepo showcasing Tailwind CSS v4 design tokens, Turborepo 2.7, Vite 7.1, and WCAG 2.1 AA accessibility with showcase pages for dashboards, e-commerce, and analytics.

TailwindSpark: Tailwind CSS React Showcase preview
Tailwind CSS v4React 19TypeScriptTurborepoVitemonorepodesign tokensWCAGCI/CD
Visit SiteRepository

Overview

React 19.1 TypeScript monorepo showcasing Tailwind CSS v4 design tokens, Turborepo 2.7, Vite 7.1, and WCAG 2.1 AA accessibility with showcase pages for dashboards, e-commerce, and analytics.

Details

TailwindSpark is a React 19.1 TypeScript monorepo showcasing Tailwind CSS v4 with the new @theme directive and design tokens. Built with Vite 7.1, Turborepo 2.7, and Vitest 4.0, it features showcase pages for dashboards, e-commerce, marketing, and analytics with WCAG 2.1 AA compliance.

Related insights

Articles that explain the architecture decisions, implementation patterns, or delivery trade-offs behind this project.

ReactSpark: A Comprehensive Portfolio Showcase

Apr 16, 20257 min
Technology

TailwindSpark: Ignite Your Web Development

Jul 30, 20253 min
Development

Building Real-Time Chat with React and SignalR

Oct 27, 20243 min
AI & Machine Learning

DevSpark v4: The Spec Was Never the Record

Aug 30, 202615 min
DevSpark

Delivery Pipeline

Pipeline
GitHub Actions CI/CD
Stage
Production
Status
Active
Notes
Automated deployments to GitHub Pages with security scanning and dependency updates.
Environments
  • Developmenthttp://localhost:5173Status: ActiveVersion: 1.0.0-devLocal development environment
  • Productionhttps://markhazleton.github.io/TailwindSpark/Status: ActiveVersion: 1.0.0Production environment on GitHub Pages