The five best design links, every weekday

Category: React

All Categories

boringavatars.com

Random SVG avatar generator based on user names

Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.

mantine.dev

Mantine

React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience.

storybook.js.org

How to actually test UIs

Testing techniques used by leading engineering teams

storybook.js.org

Storybook 6.2 just shipped

Lots of new features and integrations to future-proof component development.

wattenberger.com

Combining React and D3

When I visualize data on the web, my current favorite environment is using D3.js inside of a React.js application.

trekhleb.dev

Gyro-web: Accessing the device orientation in JavaScript

Accessing the device orientation using React hook, and rotating a CSS 3D cube afterward.

epicreact.dev

Use CSS Variables instead of React Context

How and why you should use CSS variables (custom properties) for theming instead of React context.

remotion.dev

Remotion: Write videos in React

Create MP4 motion graphics in React. Leverage CSS, SVG, WebGL and more technologies to render videos programmatically!

letsbuildui.dev

Reducing Motion in Animations

Learn a few ways to implement alternate animations in CSS and Javascript.

storybook.js.org

Revamping Storybook’s addon ecosystem

Addon Catalog beta with updated documentation.

medium.com

Visx from Airbnb

Visx (formerly known as vx) is a collection of expressive, low-level visualization primitives combining power of D3 with DOM benefits of React.

medium.com

Storybook Controls - Live edit UI components with no code

Controls allows you to dynamically edit a UI component’s inputs without touching code. Made for rapid component experimentation.

medium.com

Introducing Storybook Args - A faster way to document UI components

"Args" makes writing stories for UI components easier and more maintainable by separating a story’s data from the display logic.

medium.com

Storybook Composition – combine Storybooks into one design system

Browse components from any Storybook inside your local Storybook. Works across frameworks. Made for design systems. Coming soon to 6.0

varun.ca

React Icon System

This article will show you how to set up an icon system using SVGR — a tool for transforming SVGs into React components.