No description
Find a file Use this template
Kim Daniel Engebretsen 75f5ba0808
All checks were successful
Build and Deploy Docker Image / build-push (push) Successful in 1m33s
alpine slim
2025-12-08 12:45:31 +01:00
.forgejo/workflows fix bugs in linting 2025-12-08 00:22:01 +01:00
public init 2025-12-05 14:41:25 +01:00
src fix bugs in linting 2025-12-08 00:17:43 +01:00
.gitignore init 2025-12-05 14:41:25 +01:00
Dockerfile alpine slim 2025-12-08 12:45:31 +01:00
index.html init 2025-12-05 14:41:25 +01:00
LICENSE Initial commit 2025-12-05 13:08:33 +00:00
package-lock.json fix bugs in linting 2025-12-08 00:17:43 +01:00
package.json fix bugs in linting 2025-12-08 00:17:43 +01:00
README.md init 2025-12-05 14:41:25 +01:00
tsconfig.app.json init 2025-12-05 14:41:25 +01:00
tsconfig.json init 2025-12-05 14:41:25 +01:00
tsconfig.node.json init 2025-12-05 14:41:25 +01:00
vite.config.ts init 2025-12-05 14:41:25 +01:00

Material UI - Vite example in TypeScript

How to use

Download the example or clone the repo:

curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-vite-ts
cd material-ui-vite-ts

Install it and run:

npm install
npm run dev

or:

Edit on CodeSandbox

Edit on StackBlitz

The idea behind the example

This example demonstrates how you can use Material UI with Vite in TypeScript. It includes @mui/material and its peer dependencies, including Emotion, the default style engine in Material UI.

What's next?

You now have a working example project. You can head back to the documentation and continue by browsing the templates section.