Skribly UI
The shared look of Skribly: tokens, CSS, React components and the site kit.
A part of Skribly
State: Public
See Skribly UI
In progress
What it is
Skribly UI gives every Skribly app and site the same colours, type and components. Its own site, ui.skribly.pl, shows each part live, with notes on use and accessibility.
It is built to WCAG 2.2 AA as a target.
What it does today
- Design tokens for a light, a dark and a high-contrast theme, also for Swift, Android and React Native.
- Plain CSS classes and React components, each with tests, and the shell of the web apps.
- The Astro site kit that this site uses: header, footer, accessibility panel, search and licences page.
- The marks of every product, brand patterns, and Open Graph images and icons for each site.
What it is built on
TypeScript, React 19 on React Aria Components, Tailwind 4, Style Dictionary and Astro 7, on Node 26.
Where it stands
It is public at ui.skribly.pl.