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

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.

Repository

Stars
0
Forks
0
Commits
91
Score
33
Last updated 6d agoVelocity 0.3/moCreated Jul 29, 2025
HTML
View full repository details →
Provider
GitHub
Name
markhazleton/tailwind-demo
Branch
main
Visibility
Public
Notes
This repository is a modern React TypeScript monorepo showcasing Tailwind CSS with a focus on responsive design and CI/CD workflows.

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/tailwind-demo/Status: ActiveVersion: 1.0.0Production environment on GitHub Pages