The Radius is an opinionated assemblage of open-source tools and libraries that allow you to accelerate your design system. The choice of tools, their composition, and a set of foundational components guides you on how to build a constraint-based system.
Fast Gaussian Blur in pure JavaScript, via IIR filer. Speed does not depend on blur radius.
Shape utilities for Material Components for the web
The core css for canvas-kit-css
Creates a circular arc, of a circle of the given radius and center point, between two bearings.
Creates a circular sector of a circle.
An inline CSS processor to translate CSS properties to React Native styles.
Takes a point and calculates the circle polygon given a radius.
Serialize Canvas path commands to SVG.
Unique avatars from dozens of styles — deterministic, customizable, vector-based.
Avatar style collection for DiceBear
Config plugin to auto configure `@nozbe/watermelondb`
mjml-carousel
Creates a buffer around a GeoJSON feature.
tsParticles watermelon palette
RADIUS packet encoding/decoding
A collection of round outlined React icons with 3px radius and 2px stroke width, designed for use in React applications.
mjml-column
A collection of square outlined React icons with 0px radius and 1.5px stroke width, designed for use in React applications.
A collection of round outlined React icons with 1px radius and 2px stroke width, designed for use in React applications.
A group of core primitives (i.e. colors, text, etc.)
A collection of square outlined React icons with 0px radius and 2px stroke width, designed for use in React applications.
A collection of round outlined React icons with 1px radius and 1.5px stroke width, designed for use in React applications.
A CSS Modules transform to extract export statements from local-scope classes