Just some experiments using React + Styled Components and ThemeProvider for a brand new Design System which is under development by the IXD team at ITX Corp.

All those components we can see in this demo were created from scratch, including the sliders, color selector and switches.

This demo aims to illustrate the power and flexibility of Styled Components and ThemeProvider.

Just run the demo and play around by changing some properties of the design system like Primary Color, Elevation, Corner Radius and switch between Light and Dark mode.

You can run the demo here

This is a Next.js project bootstrapped with create-next-app.

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.