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 after receiving registry credentials
npm config set @seventh-ui:registry https://npm.seventh.com.br/
npm login --registry https://npm.seventh.com.br/ --auth-type=legacy
# 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 the official Seventh npm registry 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.
Examples
Start a project
Copy a complete starter layout with package imports, header, navigation, and brand icons.
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.