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
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.
Unique avatars from dozens of styles — deterministic, customizable, vector-based.
Serialize Canvas path commands to SVG.
Avatar style collection for DiceBear
mjml-carousel
Creates a buffer around a GeoJSON feature.
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 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
A collection of round outlined React icons with 2px radius and 2px stroke width, designed for use in React applications.
Convert a kebab-cased CSS property into a camelCased DOM property.
A collection of round filled React icons with 2px radius and 2px stroke width, designed for use in React applications.
Provides helper functions to create GeoJSON features, like points, lines, or areas on a map.