AniStyl
DemoExamplesDocsPricingAccountCreate 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

CLI - build kit

Pro ZIP includes package.json with two deps (sass, utopia-core-scss) and scripts:

npm run build:css   # compile main.scss → dist/*.css
npm run watch:css   # watch abstracts/ + components/

CI

# In your repo
npm ci --prefix my-design-system
npm run build:css --prefix my-design-system

tokens.json (Style Dictionary compatible) and design.md ship for tooling. See Tokens and Agent Skill for AI workflows.

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.