Design System 9

Design System 9 is still a work in progress so everything is fluid and expect anything to change at any time.

About

DS9 is a design library for building powerful, clean, and consistent internal interfaces used at Skyltmax. It collects UI components and patterns to help developers quickly build layouts without having to worry about design details.

Dark mode is supported by all components using the Tailwind class dark mode with the dark CSS class. You can use the switch in the bottom left to preview the themes.

History

The first version of SignAdmin cannot even be said to have had a design - plain white pages with barely styled elements. Most of SignAdmin is still this way, for now.

The second iteration, using a design internally referenced as twui, introduced Tailwind CSS to try and bring SignAdmin into the modern age. It used mainly components based on Tailwind UI on server rendered pages using view components for encapsulation and stimulus for adding interactivity. Implementing more complicated and powerful designs in twui proved difficult and slow.

The third and current iteration, Design System 9, builds upon twui but moves fully into React. 9 because it's at least 3 times as good as the previous ones put together. And definitely no other reason 🖖