This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
pure-styled-components with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
Styled Component design system for React/Preact based on Pure CSS, a set of small, responsive CSS modules that you can use in every web project.
Pure Components are ridiculously tiny. The entire set of modules clocks in at 90KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of JS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes.
Want to prototype a quick app? Or just need a quick grid? We've got you covered with simple, responsive components
Check out the documentation here with each component, it's props, and examples on how to use them.
This project primarily uses StorybookJS for development.
git clonethis project
npm run storybookor
npm run dev
npm run build
This runs 3 separate Babel build processes that generates code for:
You won't find these folder in this git repo, but you can generate them yourself by running the command above, or download them from a CDN like unpkg
package.json(per semver rules)
npm run release