Skip to content

Learning resources

New to Material UI? Get up to speed quickly with our curated list of learning resources.

Your first component

The following demo shows a basic Material UI app that features a <Button> component. Try changing the variant on the Button to outlined to see how the style changes:

Press Enter to start editing

Example projects

Visit the example projects page to see how we recommend implementing Material UI with various React libraries and frameworks like Next.js, Vite, and more.


Check out our selection of basic templates to get started building your next app more quickly.

Beyond our official documentation, there are countless members of our community who create fantastic tutorials and guides for working with Material UI.

The following is a curated list of some of the best third-party resources we've found for learning how to build beautiful apps with our components.