Design Systems,Code-side

All-in-one Design System platform.
Build components and reference site.
Developers and Designers together.

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.

Design links

Keep the preview of the design next to the components.

Figma and Adobe Xd links supported.

Documentation aka reference site

Reference sites are online documentation of your Design System including component description, rules and guidelines.

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

Everybody can contribute directly with the WYSIWYG online editor.

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

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

  • 1 Projects

  • Unlimited Viewers

  • Github integration

  • Gitlab integration

  • BitBucket (coming soon)

  • Publish NPM @backlight-dev

  • Community support

Early accessNo credit card required
Pro$29/ month
1
Editor

Free until september 2021

  • All Free features

  • Unlimited Editors

  • Up to 5 Projects

  • Publish to any package registry

  • Publish private/public packages

  • Email support

Early accessNo credit card required
EnterpriseOn demand
  • All Pro features

  • Unlimited Projects

  • 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