VCC UI React

A React framework & component library for building web user interfaces at Volvo Cars

Empowering teams to build for the web

With VCC UI you have the tools to deliver high-quality brand consistent web applications without sacrificing time-to-market.

Align With Global Brand

VCC UI keeps your product UI/UX in line with company branding and guidelines by utilizing the Volvo Cars Design Language System. Includes brand approved colors, typography, layout, icons and more.

Learn More

Reduce Time-To-Market

Includes Starter kits and real world examples for the most popular Node.js and React frameworks like Create-React-App and Next.js. Go from idea to delivery in no time.

View Examples

Tried & Tested UI Components

Mobile first, fully responsive and renders in server-side, browser & react-native environments Built with accessibility, performance and SEO best practices in mind. Full i18n support, including RTL languages.

View Storybook

UI Components that do the work for you

We deliver the core building blocks, so you can focus on building your product. Switch between themes, styles and language direction with only minor changes to the underlying code.

Settings

Theme

Light

Dark

RTL

Button Variant

Result

First Name

Code

Go to the Storybook or try the Playroom to see more UI components in action.