Gravity UI Web
Library of styles, components and associated assets to build UIs for the web. Part of buildit's Gravity design system.
Overview
The Gravity Web UI packages monorepo is a collection of NPM packages related to web UIs for the Gravity design system. It includes the core SASS/CSS library used by all Gravity-powered web projects, Nunjucks HTML templates for Gravity UI components, and custom Semantic Release helpers. The monorepo uses Lerna for package management and is designed to make development and releases easier for Gravity-powered projects.
Features
- Gravity UI Web: Core SASS/CSS library used by all Gravity-powered web projects.
- Gravity UI Nunjucks: Nunjucks HTML templates for Gravity UI components.
- Custom Semantic Release helpers: Lerna Config, Lerna Analyzer, and Lerna Release Notes Generator.
Summary
The Gravity Web UI packages monorepo is a comprehensive collection of NPM packages that form the foundation for Gravity-powered web projects. It provides the core SASS/CSS library, HTML templates, and custom Semantic Release helpers. By using Lerna for package management and the provided setup and development commands, developers can easily work with and update Gravity UI packages, as well as automate the release process.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.