Booking app / Airbnb • Material You (m3) • Design system
I recreated the main page of Airbnb using only components from the Material Me design system.
_____
Full Figma Preview: Pro version: 3.0
Buy Material Me: materialme.io • gumroad
The main feature is that the design system enables the creation of a modern interface and demonstrates its versatility of Material You (new m3) design language.
Info
Material Me UI kit is a web-optimized design system with 2600+ variants for 37 components and 220+ ready-to-use app layouts crafted for Figma.
Based on Material Design 3 (new Material You) guidelines, this design system enhanced with Tailwind CSS colors and uses Readex Pro font, which is free and similar to Google Sans.
Each template inside is assembled for desktop, tablet & mobile viewports and represented within a range of color variations, including dark theme.
The React components based on design system are available, created using Next.js, Tailwind and TypeScript.
🔥 Product highlights
Material Design 3 system contains 37 categories of components. Represented by 2600+ variants and compatible with m3.material.io
Comes loaded with 240+ pre-made templates for 📱💻 🖥 and organized into 10 popular categories
Includes layouts for Booking, Delivery, Analytics, NFTs, DeFi, Trading, Calendars, Social, Projects, Finances, Forms, Landing page
_____
Full Figma Preview: Pro version: 3.0
Buy Material Me: materialme.io • gumroad