Version History

Released April 2026

• New4 new industry templates — AURUM Studio (luxury salon), OPTIXA Vision Center (sci-fi eye clinic), IRONFORGE Brewing Co. (industrial craft brewery), MERIDIAN Academy (full school website)
• NewMERIDIAN Academy — 7-page school template: Home, About, Academics, Admissions, Faculty, Events, and a grade-filtered Notifications hub (All / Grade 1–2 / 3–5 / 6–8 / 9–10 / 11–12 / Staff)
• NewAURUM Saloon — dark luxury salon template with gold accent, serif typography, gold marquee strip, 6 services, team hover overlays, gallery, and booking CTA
• NewOPTIXA Eye Vision — futuristic sci-fi vision clinic with animated SVG iris ring, CSS scanline body overlay, cyan glow, concentric tech animation, and doctor cards
• NewIRONFORGE Brewery — dark industrial craft brewery with amber/copper palette, ember marquee strip, 6-tap beer list with ABV/IBU stats, 6-step brewing process, and events list
• ImproveTemplates page — 4 new cards with pixel-accurate thumbnails, 4 new filter buttons (Saloon, Eye Vision, Brewery, School), count updated to 13
• ImproveAll templates use SantyCSS utility classes + Unsplash images — zero external UI dependencies

Released April 2026

• NewGranular module exports — import only the CSS you need: santycss/css/flex, santycss/css/spacing, santycss/css/typography and 7 more
• New10 individual module files in dist/: reset, layout, flex, grid, spacing, sizing, typography, colors, borders, effects — each with header comment & CDN path
• NewPackage exports map updated — all 10 modules exposed as ./css/<name> subpaths for bundlers & Vite
• Newindex.js now exposes granular path helpers: santy.flex, santy.spacing, santy.typography, etc.
• ImproveRoadmap: VS Code Extension card updated from PLANNED → LIVE with marketplace link
• ImproveAI Generator UX — rule engine is now clearly the default; Claude API presented as optional upgrade
• ImproveCDN section — recommended bundle labelled, file sizes shown, starter vs full guidance added
• FixVersion consistency — all pages (playground, demo, webflow, jit-demo) updated to v2.6.0

Released April 2026

• NewInteractive snippets.html page — 8 categories, 40+ copy-paste components built with SantyCSS only
• New15 card layout variants — Stat, Sponsor, Pricing, Cookie Notice, Image Hover, Blog Post, Feature, Dark Pricing, Free vs Pro, Profile, Ribbon, About Me, Dark Profile, Article+Author, Horizontal
• NewPreview tab — clicking any card opens a new tab with live preview pane + syntax-highlighted code + copy button
• FixNew tab preview images now resolve correctly via <base href> tag

Released April 2026

• FixPortfolio CV sidebar template — fixed empty space on the right caused by missing overflow-x:hidden and uncentered content containers
• NewFull mobile responsiveness for portfolio-cv.html — responsive hero heading (.cv-hero-name), hamburger clearance padding, stacked chips/CTAs on xs
• FixContact form two-column grid (.grid-form-2) now collapses to single column on mobile
• FixTimeline body overflow-wrap:break-word prevents long text overflow on narrow screens
• NewGlobal box-sizing:border-box and section content centering (.cv-section > div { margin:auto }) for consistent layout on all screen sizes
• New"It's Me" portfolio template — itsme.html — clean light-background multi-section portfolio inspired by MutationMedia ITSME
• NewITSME nav components — .itsme-nav, .itsme-brand, .itsme-nav-link, .itsme-nav-getcv, .itsme-hamburger
• NewITSME hero — .itsme-hero, .itsme-profile-ring, .itsme-profile-img, .itsme-hero-name, .itsme-social-btn
• NewITSME section scaffold — .itsme-section, .itsme-eyebrow, .itsme-title, .itsme-divider, .itsme-info-grid
• NewITSME card components — .itsme-service-card, .itsme-testimonial, .itsme-work-card, .itsme-blog-card, .itsme-contact-card
• NewITSME utilities — .itsme-skill-fill (+ blue/purple/green variants), .itsme-timeline, .itsme-filter-btn, .itsme-btn, .itsme-input, .itsme-blog-tag variants

Released April 2026

• NewPortfolio CV template — portfolio.html — full-page snap-scroll, right-side dot nav, hamburger mobile menu, 6 sections (About, Experience, Skills, Projects, Hobbies, Blogs)
• NewPortfolio components in santy-components.css — .portfolio-snap, .snap-section, .snap-section-scrollable, .portfolio-right-nav, .nav-dot, .nav-dot-active
• NewGlass card utilities — .glass-card, .glass-card-light — frosted glass effect with backdrop blur
• NewSkill bar components — .skill-bar-track, .skill-bar-fill + colour variants (blue, purple, green, pink, cyan)
• NewAvatar ring — .avatar-ring-lg — animated conic-gradient spinning ring for profile images
• NewMobile nav — .mobile-menu-overlay, .mobile-nav-link, .portfolio-hamburger — full-screen blur overlay with close-on-Esc
• NewIcon base class — .icon + size helpers (.icon-16 through .icon-48) for essential UI icons
• NewUtilities — .text-gradient-amber-to-yellow, .section-badge, .progress-bar-amber, .background-zinc-950
• NewPortfolio CV Dark Sidebar template — portfolio-cv.html — fixed left sidebar, cyan accent, typewriter titles, dual timeline, filterable project grid, fun facts counter, testimonials, contact form
• NewDark sidebar CV components — .cv-sidebar, .cv-main, .cv-nav-link, .cv-nav-active, .cv-section, .cv-section-alt, .cv-section-label, .cv-section-title
• NewTimeline & skill components — .timeline-dot-cyan, .timeline-dark, .skill-bar-dark, .skill-bar-dark-fill
• NewDark card components — .fun-fact-card, .project-card-dark, .blog-card-dark, .service-card-dark, .testimonial-card-dark, .what-i-do-card
• NewForm & button utilities — .input-dark, .textarea-dark, .btn-cyan, .btn-cyan-outline, .tag-dark, .pf-filter-btn, .pf-active
• NewBrand color utilities — .color-brand-cyan, .background-brand-cyan

Released March 2026

• NewContainer queries — make-container, on-container-*, on-{name}-*
• NewScroll animation families — when-visible:, on-scroll:, scroll-, stagger utilities
• NewSplit CSS build — santy-start.css + santy-variants.css for smaller bundles
• New10 creature animations — bat, butterfly, firefly, spider, fish, jellyfish, bird flock, bee, snake, dragon fire

Released March 2026

• NewScroll utilities — scroll-smooth, scroll-auto
• NewScrollbar utilities — scrollbar-thin, scrollbar-dark, scrollbar-hidden
• NewGlass utilities — glass, glass-dark, glass-light
• NewRadial gradient utilities — gradient-radial and 6 directional variants
• NewSpin animation variants — animate-spin-slow/fast/ccw/xslow-cw/ccw
• Newanimate-pulse-dot, skill-bar-animated
• NewDark portfolio template — template-portfolio-dark.html

Released March 2025

Highlights

• NewFull Figma plugin documentation — export Figma frames directly to SantyCSS classes
• NewSantyCSS Inspector v1.0 — browser extension for inspecting and copying applied classes
• New20+ ready-made component classes: modal, drawer, accordion, stepper, tooltip, and more
• NewAnimation entrance classes — data-scb-anim attribute with 11 animation types
• NewDark mode via .dark class — all components adapt automatically
• NewRTL / logical property support: ps-*, pe-*, border-start-*
• NewCSS design tokens — --santy-primary, --santy-radius, --santy-font
• ImproveBundle now includes separate santy-components.css and santy-animations.css for tree-shaking
• ImproveMinified build reduced to ~15 KB (down from ~22 KB)
• FixProgress bar transition not firing on first IntersectionObserver callback
• FixAccordion maxHeight not resetting on sibling close in nested accordions

Released January 2025

• NewJIT runtime — santy-jit.js generates CSS on demand, no build step needed
• NewPostCSS plugin for purging unused classes at build time
• New113+ SVG icons via CSS mask-image — colorize with any utility class
• New120+ animation classes (integrate animate.css naming conventions)
• NewAI class generator — describe a UI element, get the classes
• ImproveClass reference page with searchable table of all 8,500+ classes
• ImprovePlayground — live CSS editor with instant preview
• FixCarousel autoplay not pausing on hover in Firefox
• FixToggle slider animation jank on iOS Safari

Released October 2024

• NewWebflow-compatible class snippets and integration guide
• Newnpm package published — npm install santycss
• NewCDN distribution via jsDelivr
• NewHover utilities — on-hover:* prefix for any class
• ImproveColor palette expanded to 19 colors × 10 shades
• FixMobile nav overflow causing horizontal scroll on narrow viewports

Released July 2024

• NewResponsive visibility classes — scb-hide-mobile, scb-hide-tablet, scb-hide-desktop
• NewGrid system — make-grid, grid-cols-2 through grid-cols-6
• NewFlexbox shortcuts — make-flex, align-center, justify-between
• ImproveSpacing scale extended from 100 to 200px
• FixBorder-radius utilities not applying in Safari 15

Released April 2024

• NewInitial public release of SantyCSS
• New8,500+ utility classes with plain-English naming
• NewPre-generated pixel values 0–200px for spacing, sizing, and typography
• NewColor palette: 19 colors × 10 shades
• NewZero config — single CSS file, drop-in and go
• NewWordPress plugin (SantyCSS Builder) with 25+ drag-and-drop widgets