LibraryActive

Macaron

Compile-time CSS-in-JS library with type safety, used with SolidJS.

Open source page ↗

Field note

What it does

Macaron is a compile-time CSS-in-JS library offering type safety, integrated with Solid via @macaron-css/solid and a bundler plugin.

Capabilities

Available capabilities

Type-Safe StylingCompile-time CSS-in-JSStyled componentsType SafetyComponent variantsDefault variants

Tags

Tags

CSS-in-JSSolidJS

Ways to use it

Ways to use it

npm

javascript / @macaron-css/core

sdk

javascript / @macaron-css/solid

npm

Not filed / @macaron-css/core

npm

Not filed / @macaron-css/solid

npm

Not filed / @macaron-css/vite

Product features

Product features

Accessing parameters

Default Variants

Set defaultVariants, overridable at usage time.

Dynamic routes

Getting started

Lazy-loading route components

Multiple paths

Nested routes

Optional parameters

Preload functions

Routing & navigation

Styled Components

Create styled components with the styled export from @macaron-css/solid.

Validating routes

Variants

Add variants using the variants key on styled components.

Vite Plugin

Add macaronVitePlugin from @macaron-css/vite in vite.config.js.

Wildcard routes