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-Kit 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 preferred 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 ›

Real stories from design systems enthusiasts

Get inspired by these stories.

The next generation of tooling to help teams build, ship, and evolve design systems.

Kaelig Deloumeau-Prigent

Developer tooling at Shopify, and co-chair of the Design Tokens W3C Community Group

I have been following what those guys are doing since the early days, and the promise of Backlight completely sells me. [...] Thanks to Backlight for easing our product team collaboration at Qovery. Backlight is a must-have for all product-driven companies and teams. I recommend.

Romaric Philogène

CEO, co-founder and product developer of Qovery

We’ve had the privilege to deep dive into <div>Riots’ Backlight in private beta for the past 6 months. Not only does the platform save our teams a crucial time in terms of Design System development, but this best-in-class solution enables designers and developers to smoothly collaborate. Collaboration in web design has been a pain point for many years and we are excited to see innovation in the space.

Olivier Grandhomme

CTO at Saqara

Woow. As a seasoned frontend engineer I really liked it. Design System is essential and had to be put from the start. Later on the development it is really hard to adopt one. I will keep looking after Backlight. Good job team!

Mustafa Ilker Sarac

Engineer, Thundraio

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