Your Docusaurus site did not load properly.

A very common reason is a wrong site baseUrl configuration.

Current configured baseUrl = / (default value)

We suggest trying baseUrl =


CSS in Typescript

Autocomplete Suggestions

Thanks to Rosebox's narrow types and Typescript's autocomplete service, you can get more productive and avoid typos with autocomplete suggestions.

Expressive types & functions

Unlike other libraries, Rosebox does not model the types of CSS-properties as either string or number. It expands the horizon by providing more expressive types like RGB and Duration<"ms">, and real javascript functions with type signatures like translateX.

First class support for colors

By using the vscode-extension, users get to enjoy color highlighting which shows color boxes next to color definitions, and color pickers right in style files written in Typescript. Moreover, @rosebox/colors provides seamless color manipulation.