Seventh Design System v1.0.0
Seventh UI CSS
Framework-agnostic CSS, design tokens, components, icons, and documentation for building Seventh interfaces with predictable browser delivery.
# First use on this computer
npm config set @seventh-ui:registry https://npm.seventh.com.br/
# Then install the package
npm install @seventh-ui/cssStart Here
Use these entry points first. The sidebar keeps the complete reference available when you need a specific token, component, or asset.
Install
Set up the package
Install from
https://npm.seventh.com.br/ and choose full or granular imports.
Use
Browse components
Start with buttons, inputs, forms, navigation, overlays, and data display.
Foundations
Review tokens
Use colors, spacing, dimension, typography, and layout grid helpers.
Assets
Find icons
Check available SVG assets, naming, categories, and usage patterns.
Derivatives
Build runtime packages
Follow the contract for vanilla, React, Vue, Angular, and Quasar packages.