Material Me UI kit is a web-optimized design system with 2600+ variants for 39 components and 240+ 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.
Design what you want with less effort at another level!
An easy-to-use Design Tool with the most common 2000+ UI/UX components states that allows you to design quickly with world-class standards out-of-the-box. 🔥
This complex, modern, clean design tool will help you reduce hours of time wasted wireframing and building UI projects. Venus Design System will increase cohesion, collaboration, and focus your creativity where it matters! ❤️
The main idea of doing this tool was to help designers & developers reduce hours of time wasted wireframing and building UI projects. Venus Design System will increase cohesion, collaboration, and focus your creativity where it matters!
Summary - 2000+ Components States - 1400+ Google Material Icons - 250+ Global Styles for Typography, Colors & Effects - Example Apps & Elements made with Venus - Light/Dark (Dark in progress) Themes - Variants and Auto-layout V3.0 - Full-Form Building Buttons, Text, and Custom Inputs - Responsive, Desktop, Tablet, and Mobile Grids - Desktop, Mobile Web, and Native (native coming soon) Components - Easily Customizable - Various Sized Components - React Library (coming soon) - Free Lifetime Updates
No features have been listed yet.
No Venus Design System videos yet. You could help us improve this page by suggesting one.
Material Me's answer
The primary technologies used for building Material Me include Figma for design, Tailwind CSS for styling, and Next.js, Tailwind, and TypeScript for developing React components. These technologies are chosen to enhance the design system and make it compatible with modern web development practices.
Material Me's answer
The primary audience for Material Me includes web designers and developers who are looking for a versatile and comprehensive design system based on Material Design 3 guidelines. It caters to those who want to create web applications and user interfaces with ease, utilizing pre-made templates and components for various categories.
Material Me's answer
Material Me stands out due to its comprehensive package, offering 2600+ variants for 39 components, 240+ pre-made templates, and compatibility with Material Design 3 guidelines. Its use of Tailwind CSS colors and the free Readex Pro font adds to its appeal. Furthermore, the availability of React components and the use of modern technologies like Next.js and TypeScript make it a compelling choice for web designers and developers.
Material Me's answer
Material Me is unique because it offers a web-optimized design system based on Material Design 3 guidelines, enriched with Tailwind CSS colors and utilizing the Readex Pro font. It provides 2600+ variants for 39 components and 240+ ready-to-use app layouts designed for Figma. Additionally, it includes React components built with Next.js, Tailwind, and TypeScript.
Ant Design System for Figma - A large library of 2100+ handcrafted UI components
Eva Design System - A free customizable design system
Fabrx.co - Create the UI Kits, Bootstrap 5 or HTML Dashboards that you need in minutes. Have some design sense to spare? Fabrx will help you tackle even the trickiest of projects.
Design Systems Repo - A collection of design system examples and resources
Material UI - A CSS Framework and a Set of React Components that Implement Google's Material Design
Slice Design System - Make better UI with modular design system