AniStyl
ExamplesDocsAccountCreate yours
DocumentationAniStyl Docs
Getting Started
Overview
Frameworks
HTML React Next.js Vue Other
Workflow
Import from URL Import from Figma Customize Download Regenerate
Developer
Tokens Components SCSS CSS Layout & grid Utilities Fonts Dark mode CLI Agent Skill
Support
Licence & support
Open builderFree · live preview · no account

Download - your bespoke SCSS system, yours forever

ZIP holds a complete 7-1 SCSS architecture + compiled CSS + docs for your bespoke SCSS system. MIT licensed - we could disappear tomorrow, your code keeps working. Where URL/Figma values weren’t detectable, defaults were kept.

  • Free: 15 of 46 components included, full SCSS + dist/*.min.css, ds-check.html, view/copy design.md.
  • Pro - $12 once: all 46 + tokens.json, example.html, design.md in ZIP, CLI/Agent Skill, npm build kit.

After download

HTML → link CSS. React → import CSS once. SCSS → npm install && npm run build:css. See CSS.

Next: Regenerate free at your tier.

AniStyl

Generate a design system that is actually yours. MIT licensed output - we could disappear tomorrow and your code keeps working.

ProductThe builderExamplesDocsComponentsPricingQuestions
Supportsupport@anistyl.comYour account & buildsDonate - keep it running
LegalTerms of ServicePrivacy PolicyRefund Policy
This site runs on its own generated design system - fluid scales, an HSL colour map, one accent.