thesciencemuseum/web-design-system

Simple, elegant and maintainable media queries in Sass

This is the Sass version of Normalize.css, a collection of HTML element and attribute rulesets to normalize styles across all browsers. This port aims to use a light dusting of Sass to make Normalize even easier to integrate with your website.

A simple, accessible and customizable HTML5, YouTube and Vimeo media player

Simple SCSS functions for unitconversion

Babel compiler core.

A Babel preset for each environment.

Curated addons to bring out the best of Storybook

Automate, test and debug user interactions

Storybook Links: Link stories together to build demos and prototypes with your UI components

GitHub Flavored Markdown in Storybook

A base addon for configuring popular styling tools in Webpack

Adds SWC as a Webpack5 compiler to Storybook

Storybook Doc Blocks

Storybook HTML renderer: Develop, document, and test UI components in isolation

Storybook for HTML: View HTML snippets in isolation with Hot Reloading.

babel module loader for webpack

Color combination contrast tester

Standard library

handlebars loader module for webpack

Use glob patterns to watch file sets and run a command when anything is added, changed or deleted.

CLI for PostCSS

A pure JavaScript implementation of Sass.

Release the docs!

Storybook: Develop, document, and test UI components in isolation

SVG sprites & stacks galore — A low-level Node.js module that takes a bunch of SVG files, optimizes them and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.)

SVGO is a Node.js library and command-line application for optimizing vector images.

Packs ECMAScript/CommonJs/AMD modules for the browser. Allows you to split your codebase into multiple bundles, which can be loaded on demand. Supports loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.

CLI for webpack & friends