Data binding, view models, vector feathering, custom inputs and more.
Use cases:
• Data-driven microinteractions
• Localized UI that actually works
• Runtime morphing via custom inputs
Plug them into your Rive project in minutes.
Built for people who want a bit more control without reinventing the wheel.
Design Tokens = Creative Power
Assign token values to properties—no redesign or refactor needed.
Tokenized properties:
• Sizing
• Padding
• Color
• Border Radius
• Border Width
• Typography
• Opacity
• Box Shadows (custom for GenerationUX)
5000+ open source LOC. Free forever.
Shadcn/Radix components, beautifully rendered
Accordion, Alert, Alert Dialog, Avatar, Badge, Breadcrumb, Button, Calendar, Checkbox, Chip, Collapsible, Combobox, Command, Context Menu, Date Picker, Dialog, Dropdown Menu, Filter, Form, Hover Card, Icon, Input, Input OTP, Link, List, Menu Bar, Menu Item, Misc, Navigation Menu, Pagination, Popover, Progress, Radio, Rating, Scroll Area, Segmented Control, Select, Separator, Slider, Stepper, Switch, Tabs, Tag, Text, Text Area, Timeline, Toast, Tooltip, Typography, +more.
Beautifully designed, tokenized everywhere, 100% open source 🙌
Built countless. This one’s the favorite—powered by the boss: AG Grid.
Started with Nivo. Covers core dataviz types (more coming). Fully tokenized via GenerationUX✨[TOKENS]—restyle every prop.
Color: Emotional & Expensive
Designers craft expressive Absolute palettes, but Relative use is tricky—and costly, especially with accessibility.
No silver bullet, but:
GenerationUX explores Duotone palettes—prioritizing contrast over difference.
Built on Radix/Shadcn.
Each element gets 4 tint aliases.
Light/dark mode ready.
200+ color pairs, more on GitHub.