Wheel pickerPick from a vertical list with native scroll snapping, keyboard support and optional looping.MasonryLay out items of different heights in columns, each one placed in the shortest column or in order.Text flipCycle through words or phrases in place, flipping the next one in as the current one flips out.

InstallationAdd @isbatak/panda-ds to Panda CSS and copy in the components you need.ComponentsArk UI components styled with the design system recipes.StylesStyle props that extend the design system, like concentric radius.

SourceryHold a hotkey, point at anything on the page and click to open the line of JSX that rendered it in your editor.Panda TurbopackPanda CSS v2 for Next.js on Turbopack, without the Panda CLI. Codegen, CSS and build-time class names from one config wrapper.IkonaTurn a folder of SVG icons into one sprite with typed icon names. The icons on this site are built with it.

Components Styles

Styles

Overview
Concentric radius

Design system

Styles

Panda presets that add style props on top of the design system. Install one, add it to your Panda config and use its props on any element.

Concentric radiusNested rounded corners that share a center. Give a child rounded="concentric" and its radius follows its rounded parent.

isBatak/labs · MIT licensed, built in the open.

Experiments Blocks Design system Tools Sponsor GitHub