UI Starter Kit
De kleine details
Geen zin om te klikken? Dit zijn de kleine dingen die het goed laten voelen, ingezoomd.
Eén balk restylet alles
Kies paars, zet afronding en schaduw op L, en elke knop, switch en checkbox gaat in één keer mee. Elke merkkleur is een reeks van 11 tinten, dus hovers en randen blijven kloppen.
Light en dark uit dezelfde tokens
Zet hem op Light en de tokens voor vlakken, tekst en randen wisselen in één keer. De componenten weten niet in welke modus ze staan, ze lezen gewoon het thema. Terug naar Dark en er is niets veranderd.
Elk component van dichtbij
Klik op een kaart en hij opent groot, met pijlen om door alle negen te bladeren. De dropdown klapt echt open, en de themabalk blijft werken terwijl je kijkt.
Hoe het gebouwd is
- Eén thema-view model met tokens voor kleur, modus, afronding en schaduw, gekoppeld aan elk component.
- Negen componenten: knop, switch-lijst, slider, dropdown, radiogroep, checkboxgroep, badge, label en avatar.
- Elk component is een eigen artboard met een eigen state machine, dus je zet er zo één in een ander bestand.
- Hover- en drukkleuren komen ook uit het thema, dus een nieuwe merkkleur kost geen extra werk.
- De showcase gebruikt Rive-layouts: een scrollend grid met kaarten en een detailweergave om door te bladeren.
Gebruik het in je eigen project
Het bestand staat gratis op de Rive Marketplace: open het in de Rive-editor, pas het aan en gebruik het in je eigen game of app.
Gratis downloaden op de Rive MarketplaceKlaar om het leuk te maken?
Wij ontwerpen de streaks, beloningen en animaties die nieuwe gebruikers vaste gebruikers maken. Plan een gesprek en zie de engine achter deze site.
