React-md
react-md is an open-source React component library that implements Material Design. It provides reusable UI components like buttons, cards, menus, etc. that follow Material Design guidelines. The goal is to allow developers to quickly build web apps with a material UI without nee
react
material-design
components
react-md: An Open-Source React Component Library for Material Design
A reusable UI component library providing buttons, cards, menus and more to quickly build web apps with a material UI
What is React-md?
react-md is an open-source React component library that implements Google's Material Design specification. It provides a set of reusable UI components like buttons, cards, menus, dialogs, etc. that allow developers to quickly build web applications with a Material Design look and feel.
Some key features of react-md include:
- Components follow Material Design guidelines for visual design, animations, behaviors, etc.
- Written in React, so it integrates well into the React ecosystem
- Modular architecture allows developers to only import the components actually needed
- Customizable via theming support, CSS overrides, inline styles etc.
- Accessible components and full ARIA attribute support
The goal of the project is to provide an easy way for developers to build great-looking web apps using Material-inspired components without needing to build all the CSS and markup from scratch. It can save significant development time and ensures apps have a consistent, responsive UI.
Some example uses cases include building admin dashboards, content management systems, shopping sites, prototype/MVP apps, and any site that wants to take advantage of Material Design without a lot of hassle. react-md continues to evolve with new components and features being added regularly.
React-md Features
Features
- Reusable React components
- Implements Material Design guidelines
- Components like buttons, cards, menus
- Theming support
- Responsive design
- Documentation and examples
Pricing
- Open Source
Pros
Saves development time
Consistent UI
Open source and free
Good documentation
Active development
Customizable and extensible
Cons
Less components than other libraries
Less customization options
Not as popular as alternatives
Only supports React
Official Links
The Best React-md Alternatives
Top Development and Ui Libraries and other similar apps like React-md
Here are some alternatives to React-md:
Suggest an alternative ❐
Frameless
Frameless is an open-source website builder created as an alternative to services like Wix or Squarespace. It allows anyone to build professional looking websites without needing to know how to code.Some key features of Frameless include:Drag-and-drop visual editor to design and layout pagesCustomizable templates and themesIntegrations with platforms like WordPress...
Tailwind CSS
Tailwind CSS is an open-source CSS framework that takes a utility-first approach for building custom user interfaces. Instead of opinionated pre-designed components, Tailwind provides low-level utility classes for typical CSS properties like color, padding, font-size, etc. Developers can compose these atomic utility classes together to rapidly build out UI without...
Materialize
Materialize is an open-source front-end framework that helps web developers build responsive and mobile-first websites quickly. It is based on Google's Material Design principles and provides many user interface components out of the box to construct web pages, including:ButtonsCardsChipsFormsNavbarsGrid systemTablesModalsToastsAnd more...Developers can simply include the Materialize CSS and JavaScript files...
Material UI
Material UI is an open-source React component library that implements Google's Material Design guidelines. It provides developers with a collection of reusable UI components that can be used to quickly build high-quality, responsive web applications.Some key features of Material UI include:Over 60 ready-made components like buttons, cards, menus, lists, etc.Responsive...
Chakra UI
Chakra UI is an open-source, modular and accessible component library that gives you the building blocks you need to build your React applications. It follows WAI-ARIA guidelines and is designed with accessibility in mind.Some key features of Chakra UI include:Easy styling and theming - It has a theming system that...
Ant Design
Ant Design is an enterprise-class UI design language and React UI library that aims to provide high-quality UI components and patterns for building user interfaces efficiently. Some key aspects of Ant Design:Comprehensive UI components library with over 50 UI components for layout, navigation, inputs, data entry, feedback, display etc.An well-defined...
Bulma
Bulma is an open source CSS framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces. Its main advantages are:Based on Flexbox for layout, making it fully responsive by defaultElegant design with focus on typography and colorsExtensive documentation with many examplesLightweight at around 30KB...
UIkit
UIkit is an open-source web framework for developing fast and powerful web interfaces. It provides a collection of reusable HTML, CSS, and JavaScript components that can be used to build responsive, mobile-first websites and applications.Some key features of UIkit include:An extensive library of pre-built components like typography, forms, tables, tabs,...
Creative Tim
Creative Tim is a company founded in 2017 that creates and distributes UI kits, templates and tools for web developers to quickly build high-quality web applications. Their products help developers skip over the tedious design process and focusing on building the core functionality.Creative Tim offers a wide variety of products...
Flexbox Grid
Flexbox Grid is an open-source CSS framework that provides a responsive grid system based on flexbox technology. It allows web developers to quickly create modern layouts and alignments for their web projects using familiar concepts like rows, columns, gutters, etc.Some key features of Flexbox Grid:Fully responsive - The grid adapts...
Elastic UI
Elastic UI is an open-source web framework for building user interfaces and web applications. It provides a set of reusable UI components, tools, and libraries to help developers quickly build modern, interactive, and responsive web apps.Some key features of Elastic UI include:Reusable components like buttons, menus, cards, modals, etc. that...
JQuery Mobile
jQuery Mobile is an open source framework for building responsive websites and web apps that work on mobile devices like smartphones and tablets. It makes it easy to design pages that work well on multiple screen sizes while looking and feeling like native apps.Some key features of jQuery Mobile include:Touch-friendly...
Tailwind UI
Tailwind UI is an extensive, open-source component library for Tailwind CSS created by the developers of Tailwind CSS itself. It features over 100 responsive HTML and React components and pages that can be used to accelerate development of web applications built with Tailwind.Some of the key features and benefits of...
Purecss
Purecss is an open-source CSS framework designed for quickly building lightweight, responsive web interfaces. Here are some key details about Purecss:Created and maintained by Yahoo/Verizon Media.Very lightweight at 4.5KB minified and gzipped.Follows a modular approach, allowing developers to include only the CSS for components they need.Provides layout modules like grids,...
Semantic UI
Semantic UI is an open-source front-end development framework that helps web developers build consistent, responsive web pages and web applications. It provides theming capabilities, templates, and reusable UI components to quickly build modern interfaces.Some key features of Semantic UI:Responsive grid system for building responsive layoutsprebuilt UI components like buttons, menus,...
CodyHouse
CodyHouse is an open-source library of reusable HTML, CSS, JavaScript components and templates that help web developers build websites and web applications faster. It was created in 2013 by Italian developers Cody and Federico, with the goal of sharing useful code snippets and best practices for building modern web interfaces.The...
Gridlex
Gridlex is an open-source CSS grid framework for developing responsive, mobile-first website layouts and web applications. It is built on flexbox and provides an easy-to-use grid system for creating complex web layouts across multiple devices.Some key features of Gridlex include:Mobile-first and fully responsive - Columns and gutters adjust based on...
Atlaskit
Atlaskit is an open-source UI library created and maintained by Atlassian to build products faster and with consistency. It contains dozens of reusable React components that help developers ensure accessibility, reduce bugs, and spend more time on business logic rather than building UIs from scratch.Some of the key benefits of...
Metro UI CSS
Metro UI CSS is an open source toolkit for developing web interfaces with a Windows 8 Metro style. It provides CSS and LESS stylesheets, typography, and JavaScript components to create tiled layouts, responsive designs, and flat user interface elements.Some key features of Metro UI CSS include:Tiles - Build tiled interfaces...
Lightning Design System
The Lightning Design System (LDS) is an open-source design language and component library used to create the user interfaces for Salesforce cloud services and products. LDS provides developers and designers with reusable UI components, patterns, templates, and code to allow them to quickly build consistent, accessible, mobile-first web interfaces that...
DashboardPack
DashboardPack is a flexible business intelligence and analytics solution designed to help companies visualize data and reveal actionable insights. With an intuitive drag-and-drop interface, DashboardPack makes it easy for anyone to build interactive, real-time dashboards that foster data-driven decision making.Some key features and capabilities include:Connectivity to a wide range of...
Yeti.css
yeti.css is an open-source, modular CSS framework for developing fast and powerful web interfaces. Built with Sass, it allows you to compose complex UIs out of simple building blocks.Some key features of yeti.css:Modular architecture - Only import what you need, keep your CSS bundles small.Extensive theming - Customize colors, typography,...
Slides Framework
Slides Framework is an open-source web application focused on creating, editing, presenting and sharing slide decks. It has a clean and minimalist interface that allows users to easily create slides with Markdown formatting, LaTeX math expressions, and syntax highlighting for code blocks.Some key features of Slides Framework include:Markdown formatting for...
Inuit.css
inuit.css is an open-source, Sass-based, OOCSS framework designed for large and long-lasting UI projects. It was created by Harry Roberts and first released in 2012.It provides a solid starting point for component/object-based UI development with basic typography settings, helper classes, Sass mixins, layout modules, and object class definitions. The goal...
Blaze CSS
Blaze CSS is an open-source CSS framework for rapidly building modern websites and web applications. Created by Blazity, Blaze CSS aims to provide developers with ready-made UI components, responsive layout tools, and powerful customization options out of the box.Some key features of Blaze CSS include:Modular system - Blaze is built...
Mobile Angular UI
Mobile Angular UI is an open-source framework that makes it easy to create mobile web apps with AngularJS. It provides a number of features tailored for mobile devices:UI components like switches, overlays, sidebars optimized for touch devicesTouch event handlers for gestures like swipe, drag, pinchTools for dealing with mobile web...
HTML KickStart
HTML KickStart is an open-source, lightweight HTML framework designed to help developers quickly build responsive websites. It provides an easy-to-use grid system, UI elements, CSS framework and JavaScript plugins out of the box to help streamline web development.Some of the key features of HTML KickStart include:Responsive grid system based on...
Juiced (a Flexbox CSS Framework)
Juiced is an open-source CSS framework built around Flexbox that makes it easy to create modern, responsive web layouts. Some key features and benefits of Juiced include:Lightweight and minimalistic - Under 15KB gzippedMobile-first and fully responsive designIncludes common UI components like buttons, cards, navbars, etc.Extensive Flexbox-powered grid system for building...
Flat UI Pro
Flat UI Pro is a popular user interface kit and design framework used for building modern, responsive websites and applications. It features a library of over 160 UI components, templates, and patterns designed in a flat, minimalist style.Some key features and benefits of Flat UI Pro include:Over 160 fully customizable...
GenesisUI
GenesisUI is an open-source UI toolkit for building cross-platform desktop applications with web technologies. It allows developers to use HTML, CSS and JavaScript to build desktop apps that run on Windows, Mac and Linux.Some key features of GenesisUI include:Use modern web technologies like HTML, CSS and JavaScript to build your...
Wing framework
The Wing framework is a Python web framework optimized for simplicity and code productivity. It is designed to require little configuration and be easy for beginners to learn, making it ideal for smaller web applications, prototypes, and quick development projects.Some key features of Wing include:Built-in WSGI and HTTP servers for...
Gumby Framework
The Gumby Framework is an open-source, flexible front-end framework for developing responsive web projects. Built on top of Sass and Compass, Gumby uses a grid system based on percentages rather than pixels to enable responsive design across devices. It includes stylized UI elements like buttons, menus, and forms that are...
The Goldilocks Approach
The Goldilocks Approach is an agile project management software designed to help teams work together effectively to build great products. It provides a complete platform with intuitive tools for planning projects, managing tasks and issues, facilitating collaboration, tracking progress, and gathering feedback.Key features include:Interactive boards for visualizing workflows and tracking...
Golden Grid System
Golden Grid System is a popular modular grid framework used by graphic designers and web developers to easily build layouts and websites. It provides a set of preset columns, gutters, margins, and templates to allow for the quick structure of responsive projects.Some key features of Golden Grid System include:Comes with...
Less Framework
The Less Framework is an open-source CSS framework that makes it easy to build responsive web interfaces and apps. Here are some key things to know about Less Framework:Lightweight - Only 10KB minified and gzipped, with no JavaScript dependenciesResponsive - Supports natural responsive web design across devices and screen sizesCustomizable...
Amazium
Amazium is an open-source, self-hosted website builder designed to allow anyone to create professional-looking websites without needing to know how to code. It features an easy-to-use drag-and-drop interface that makes building a site intuitive. Amazium also comes packed with dozens of modern, customizable templates that can be used as-is or...
Metro-bootstrap
metro-bootstrap is an open-source front-end framework that builds on top of the popular Bootstrap library to provide additional UI/UX enhancements inspired by Microsoft's Metro design language. Some key highlights:Responsive and mobile-friendly - Built on Bootstrap, metro-bootstrap inherits responsive grid system and components that work on all devices.Metro-inspired UI - Includes...
Gridless
Gridless is an open-source website builder created by Anthropic that focuses on creative freedom in web design. Unlike most website builders that rely on templates and grid frameworks, Gridless allows you to place elements freely on the page without being constrained to a certain layout.Some key features and benefits of...
Responsable
Responsable is a leading health and safety management software designed to help businesses track, manage and improve their safety programs. It provides a centralized cloud-based platform to standardize safety processes, reduce risk and increase productivity.Some key features of Responsable include:Incident reporting and investigations - Log incidents with rich data like...
Shine CSS Framework
The Shine CSS Framework is an open-source cascading style sheet framework for designing responsive web pages and web applications. Developed by Muhammed Erdem, Shine provides basic styling constructs that can save developers time and avoid cross-browser compatibility issues.Some of the key features of Shine CSS Framework include:Lightweight design - Only...
Frow (flex row) CSS Grid System
Frow is an open-source CSS grid framework that provides an alternative grid system to the more common column-based grids like Bootstrap or Foundation. It is built using Flexbox and focuses on row-oriented responsive layouts.While most grid frameworks use columns as their basis, Frow structures the layout using rows. This row-first...
Fluid Baseline Grid
Fluid Baseline Grid is a free open source WordPress plugin that makes it easy to implement a responsive baseline grid system for your WordPress site. It allows you to easily set up a fluid, proportional grid to use as the foundation for your website's layout and design.Some key features of...
SimpleGrid
SimpleGrid is an open-source CSS framework designed specifically for building responsive grid layouts easily. Some key features of SimpleGrid include:Flexible grid system based on Flexbox that adjusts to any screen size automaticallyAbility to span columns for creative layoutsLightweight at only 3KB minified and gzippedSupports modern browsers including IE10+Built with Sass...
320 and Up
320 and Up is a user-friendly website builder that enables people with no coding skills to create stunning, responsive websites. With an intuitive drag-and-drop interface, 320 and Up makes website creation simple and efficient.320 and Up offers dozens of professionally designed templates suited for different industries such as retail, restaurants,...
Topcoat
Topcoat is an open-source CSS library created and maintained by Adobe to provide designers and developers with a set of reusable UI components for building web applications and sites. The goal of Topcoat is to help streamline interface design with lightweight, flexible CSS code that is easy to implement and...
