Retro UI – 8 Free CSS, Bootstrap & Tailwind Sets
Retro UI is a free retro desktop UI kit of eight sets, designed and maintained in-house by uiCookies. Every set comes in three versions that look the same: plain HTML and CSS, Bootstrap 5 with its own buttons, form controls, cards, dropdowns, tabs, breadcrumb, pagination, modal, toasts, tooltips and progress bars restyled through CSS variables, and Tailwind CSS 4 with the tokens exposed as theme utilities. The sets cover buttons and toggles, forms with a log-on dialog, cards drawn as windows, navigation from menu bars to a taskbar and Start menu, dialogs and feedback, media widgets, a synthwave 80s night theme and a full retro desktop with draggable windows. They all read the same token block, so one change to the face, bevel or title bar colours restyles the whole kit, and one attribute switches it to synthwave.
A classic desktop look is easy to copy badly. The usual mistakes are fake buttons made of divs, grey text on grey that fails contrast, a dotted focus line too faint to see, title bar buttons with no names, and CRT flicker that ignores motion settings. This kit draws every bevel with inset shadows on real buttons and inputs, keeps text at 5.3:1 or more, makes the old dotted focus rectangle 2px wide in a colour that contrasts with the face, names every minimise, maximise and close button, writes changes and states in words, and keeps the optional scanlines static and off under reduced motion. The desktop windows can be dragged with a pointer or moved with the arrow keys.
