Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@advclb/design-system-react

Package Overview
Dependencies
Maintainers
2
Versions
1
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@advclb/design-system-react

experimental design system with react

  • 0.0.1
  • latest
  • npm
  • Socket score

Version published
Maintainers
2
Created
Source

AdventureClub Design System (React)

Experimental front-end design system with React.

Features (TODO)

  • Fully customizable via SaSS
  • Large collection of components for different solutions
  • Powerful and flexible API
  • Animation made easy
  • Few dependencies (only classnames and lodash)

Technology usage

  • TypeScript
  • SaSS
  • webpack

Repository structure

  • index.ts: uncompiled single entry of library, consumed by webpack/rollup projects
  • reset.scss: style reset
  • variables.scss: SaSS variables
  • mixins.scss: SaSS mixins
  • components: UI components
  • dist: compiled JS & CSS of library, consumed by other types of projects
  • demo: demo application

Development Guide

Visual Studio Code

Extensions:

  • EditorConfig editorconfig.editorconfig
  • GitLens eamodio.gitlens
  • Prettier esbenp.prettier-vscode
  • stylelint shinnn.stylelint
  • tslint ms-vscode.vscode-typescript-tslint-plugin

Start demo with hot-load

npm install
npm start # or npm run demo:start

Build library

npm run build

Build demo application

npm run demo:build

License

GNU Affero General Public License version 3 or higher.

Credits

  • Guo Yunhe

FAQs

Package last updated on 28 Jun 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc