Cherry-design NPM | npm.io

0.0.0 • Published 5 years ago

Install

Weekly downloads

3

License

MIT

Repository

Last release

5 years ago

Introduction

Cherry is a live inventory of definitions for the UI components, design patterns, naming conventions, brand assets and code guidelines.

Cherry is technology agnostic – meaning that it can be applied independently of the technology stack. It defines the underlying design philosophy of your project and serves as the bridge between design and code. It is bundled with all the right tools you need to get started as fast as possible.

🍒 Cherry can be used as:

⚖ - A design philosophy
💎 - Sketch library
🎨 - PostCSS variables and mixins
✍ - Single purpose CSS classes
⚛ - React components

PostCSS

Styles - Main entry point with all imports.
Variables - Variable definitions.
Mixins - Chunks of reusable css.
Globals - Appying the cherry variables to the global styles.

NPM Libraries

To use NPM, you need Node installed, click here to download.

🍒 Cherry Grid - 💾 Repository - 📦 NPM Package

Changelog

Read what's 📦 new, 👌 improved, 🐛 fixed, and if 📖 docs got updated.

👉 Read the entire changelog at the GitHub Release page.

Browser Support

Chrome | Firefox | IE / Edge | Safari | Opera | --- | --- | --- | --- | --- | | last 2 versions | last 2 versions | IE11, Edge | last 2 versions | last 2 versions

cherry design system mobile-first responsive front-end css postcss components sketch web framework

@babel/cli @babel/core @babel/plugin-proposal-class-properties @babel/plugin-proposal-object-rest-spread @babel/plugin-syntax-dynamic-import @babel/plugin-transform-arrow-functions @babel/plugin-transform-async-to-generator @babel/plugin-transform-regenerator @babel/plugin-transform-runtime @babel/polyfill @babel/preset-env @babel/preset-react @babel/register @babel/runtime @hot-loader/react-dom @intervolga/optimize-cssnano-plugin @types/classnames @types/react @types/react-dom @types/react-helmet @types/react-responsive @types/react-router @types/react-router-dom @types/styled-components accepts awesome-typescript-loader babel-eslint babel-loader babel-plugin-universal-import brotli-webpack-plugin classnames compression-webpack-plugin cookie-parser css-hot-loader css-loader css-modules cssnano eslint eslint-plugin-import eslint-plugin-react express express-static-gzip extract-css-chunks-webpack-plugin extract-loader file-loader import markdown-with-front-matter-loader mini-css-extract-plugin nodemon normalize.css optimize-css-assets-webpack-plugin postcss-calc postcss-flexbugs-fixes postcss-for postcss-import postcss-loader postcss-mixins postcss-preset-env react react-dom react-google-tag-manager react-helmet-async react-hot-loader react-router react-router-dom react-universal-component rollup rollup-plugin-babel rollup-plugin-commonjs rollup-plugin-node-resolve rollup-plugin-postcss rollup-plugin-replace rollup-plugin-serve rollup-watch style-loader stylelint typescript typescript-plugin-styled-components uglifyjs-webpack-plugin url-loader webpack webpack-bundle-analyzer webpack-cli webpack-dev-middleware webpack-flush-chunks webpack-hot-middleware webpack-hot-server-middleware webpack-node-externals

@infinitebrahmanuniverse/nolb-cher @everything-registry/sub-chunk-1319 @zalastax/nolb-cher

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago