Design Systems, Code-side

All-in-one Design System platform.
Manage components, stories and documentation.
The source of truth for front-end teams.

Get Started

Kickstart your Design System

Select the Starter-kits with the right technology for you.

Everything in one place

Code and stories

Your component library is visually organized. It's easy for anyone to discover the component catalog and contribute to the Design System right away.

Storybook stories (CSF) are supported out-the-box.

Documentation

Backlight has built-in support for MDX (React) and Markdown documentation.

Showcase the components directly in the documentation, include Playgrounds and show Properties/Events directly from code with no additional maintenance.

Everybody can contribute directly with instant online preview.

Design links

Keep the preview of the design next to the components.

Figma and Adobe Xd links supported.

Unit tests

Reproduce bugs. Ensure accessibility over time. Automate event checks...

Backlight has a built-in test runner and reporter for effortless test checks and contributions.

A true collaborative space

Get feedback in one click

Share real-time previews of the component you are working on.

No need to push, release or deploy anything. Just share a link to your team to show what you are working on.

Don't wait the end of the sprint to get feedback, collaborate more.

Review pull-Requests visually

Reviewing HTML, CSS and JavaScript code doesn't tell the full picture.

Backlight renders pull-request instantly so you can review them graphically. You don't need to wait for the build task or the deploy task.

Review better in less time.

Integrates into your workflow

Works with your IDE too

Backlight comes with an integrated online IDE highly-inspired by VSCode but you can use your prefered IDE locally.

Connects to your Git repository

Backlight supports GitHub and Gitlab (BitBucket coming soon). Push changes on branches and review pull-Requests easily.

Publish npm packages

Design Systems are compiled, packaged and versioned on demand. Packages can be delivered to any npm registry like npmjs.org or GitHub packages.

No lock-in

Backlight promote 100% standard web development technologies. You are always free to eject your Design System and continue outside of Backlight.

All Web technologies supported

JavaScript
JavaScript
TypeScript
TypeScript
Angular
Angular
React
React
Vue
Vue
Lit
Lit
FAST
FAST
Svelte
Svelte
Preact
Preact
Stencil
Stencil
Solid
Solid
Omi
Omi
Tailwindcss
Tailwindcss
Sass
Sass
Less
Less
Markdown
Markdown
MDX
MDX
Storybook
Storybook
LWC
LWC
Riotjs
Riotjs
WASM
WASM
Many more
Many more

Discover our pricing

Affordable for teams at all sizes

Free$0 / month
Discover Backlight
  • Up to 3 Editors

  • 1 Design System

  • Unlimited Viewers

  • Github integration

  • Gitlab integration

  • BitBucket (coming soon)

  • Publish NPM @backlight-dev

  • Community support

Pro$29 / month
1
Editor
  • All Free features

  • Unlimited Editors

  • Up to 5 Design Systems

  • Publish to any package registry

  • Publish private/public packages

  • Email support

EnterpriseOn demand
  • All Pro features

  • Unlimited Design Systems

  • Advanced features

  • Test matrix automation

  • Continuous integration/delivery

  • Advanced user management (RBAC, SSO)

  • Design system consulting

  • Premium email support

View detailed pricing ›

F.A.Q.

Any question, please ask.

Kickstart your Design System in one click with one of our starter-kits