Explore examples
TestimonialCard
A card component that displays a testimonial with a title, subheader, and body text.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
LoginForm
A form component that displays a login form with a username and password field.
MediaControlCard
A card component that displays a media player with skip buttons and a play button.
RecipeReviewCard
A card component that displays a recipe with an image, title, subheader, and body text.
This impressive paella is a perfect party dish and a fun meal to cook together with your guests. Add 1 cup of frozen peas along with the mussels, if you like.
PrimarySearchAppBar
A search bar component that displays a search bar with a search icon and a text field.
ButtonGroup
A group of buttons with different variants.
IconGroup
A group of icons with different variants.
Button
TypographyGroup
A group of typography components with different variants.
h1. Heading
h2. Heading
h3. Heading
h4. Heading
h5. Heading
h6. Heading
subtitle1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
subtitle2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
body1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam.
body2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam.
caption textoverline textTextFieldGroup
A group of text fields with different variants.
What is a color palette in web design?
A color palette is a set of colors used in a design or website. It typically includes a primary color, secondary color, and accent color, as well as shades and tints of those colors. A well-designed color palette can help create a cohesive and visually appealing design.
"I've learned to create a palette, a vocabulary of ways to take pictures."
-- Annie Leibovitz