Radix Themes has a bunch of interesting ideas that are worth checking out even if you don't end up using it:
- Color palettes invert on dark mode
- Colors are independent from widget variants, gray can also be an accent color
- Inset - an element that breaks out of its parents padding
- The same variants (variant, color, size, radius, contrast) can be found on nearly all components
- There's a preference for composite components, providing better control over styling
Some of these things have kinda somewhat been done before in other Frameworks, but Radix feels the most consistent so far. Like you can take what you know about one component and apply it to all others.
However, they need to fix their blurred borders on Safari. The global scaling causes floating pixel values which browsers supposedly handle, but still feels weird to me.
- Color palettes invert on dark mode
- Colors are independent from widget variants, gray can also be an accent color
- Inset - an element that breaks out of its parents padding
- The same variants (variant, color, size, radius, contrast) can be found on nearly all components
- There's a preference for composite components, providing better control over styling
Some of these things have kinda somewhat been done before in other Frameworks, but Radix feels the most consistent so far. Like you can take what you know about one component and apply it to all others.
However, they need to fix their blurred borders on Safari. The global scaling causes floating pixel values which browsers supposedly handle, but still feels weird to me.