Spinner Component

Spinner is a very useful animated loading indicator that can be used to show a loading state the rendering of child components. It is more than just a loading icon - it can eliminate layout shifts during data loading as the Spinner component also preserves child dimensions, streamlining the implementation of your app's loading states.

Skeleton Component

The Skeleton comopnent is a versatile loading component that mirrors the shape and size of child components, allowing for a consistent layout experience – no more positioning blocks for loading state, Skeleton does the lifting, making it simpler to code a loading blocks.

Segmented Control

The Segmented Control component is designed to offer a user-friendly and visually appealing interface when toggling between values. Crafted with precision, subtle design elements like font weight transitions seamlessly, enhancing the overall user experience.

More components

• Data List - a dynamic component tailored for handling data in a structured and organized manner

• Radio Cards - Like radio buttons, but nice cards instead

• Checkbox Cards - Like Radio Cards, but work like checkboxes

• Progress component - A nice loading bar that shows the progress for things like downloads.

Try it out

Above are just the highlights, the new Radix Themes 3.0 update has much more - explore it in the update blog post or the release notes. Transform your design and development workflow with Radix Themes 3.0!