Developer
-
Usage steps
- One-time: $89
- React & Tailwind CSS code
- Components library
- Lifetime access
- Unlimited updates
- Unlimited support time
M
Material Tailwind pricing
Tailwind CSS components library with React and HTML components following Material Design, plus a paid PRO tier.
- Free plan
- No
- Paid from
- $89/mo
- Plans
- 3
- Free trial
- -
What is Material Tailwind?
Material Tailwind is a component library for building web interfaces with Tailwind CSS, offering React and HTML versions styled after Material Design. It suits frontend developers and designers who want ready-made elements such as buttons, inputs, cards, tables and navigation, along with Figma design files and prebuilt sections. The free tier covers a set of components and integrations with frameworks like Next.js, Remix, Vite and Astro. A paid PRO plan adds premium components, ready-made sections and design resources. It is sold as a free library with an optional paid upgrade.
Plans and prices
Designer Preview
-
Usage steps
- One-time: $89
- Figma files
- Components library
- Lifetime access
- Unlimited updates
- Unlimited support time
Bundle
-
Usage steps
- One-time: $129
- HTML + React code
- Figma files
- Components library
- Lifetime access
- Unlimited updates
- Unlimited support time
Prices in USD, as shown by material-tailwind.com. Source: pricing page. Last checked October 30, 2026.
Not sure which Material Tailwind plan fits? Talk it through with your AI agent
Copy the prompt below and paste it into the agent you already use. It has the plans and prices from this page and asks you the right questions first.
See the prompt
I want to decide whether Material Tailwind (material-tailwind.com) is the right tool and which plan to pick. Below is what the StableMRR pricing directory read from Material Tailwind's own pricing page (last checked 2026-10-30). It can be out of date, so treat it as a starting point. Category: Design / UI and UX design What it does: Tailwind CSS components library with React and HTML components following Material Design, plus a paid PRO tier. Plans: - Developer: -. Includes: React & Tailwind CSS code, Components library, Lifetime access, Unlimited updates, Unlimited support time - Designer Preview: -. Includes: Figma files, Components library, Lifetime access, Unlimited updates, Unlimited support time - Bundle: -. Includes: HTML + React code, Figma files, Components library, Lifetime access, Unlimited updates Alternatives in the directory: Aaply, Ant Design System for Figma, Ayro UI, Blockies Animate Pricing page: https://www.material-tailwind.com/pro Directory listing: https://stablemrr.com/p/material-tailwind-com First ask me three short questions about my team size, budget and what I need it for. Then recommend one plan, tell me what could make it a bad fit, and compare it with the alternatives. Finish with what I should check on the vendor's site before I pay.
Pricing facts
- Pricing model
- Flat price
About Material Tailwind
- Platforms
- web
- Integrations
- React, HTML, Next.js, Create React App, Remix, Vite, Astro, Gatsby, Figma
Features
- React & Tailwind CSS components
- Figma design files
- 290+ premium blocks
- Material Tailwind GPT
- 10 landing pages
- Next.js + Supabase starter
- AstroLaunch UI Pro
- Lifetime access
- Unlimited updates
- Priority support
Price history
No price changes recorded since we started tracking on October 30, 2026.
Alternatives to Material Tailwind
| Product | Category | Free plan | Paid from | Plans | Checked |
|---|---|---|---|---|---|
| AaplyA mobile app design tool for wireframing screens and planning user journeys on an infinite canvas. | UI and UX design | Yes | $17/mo | 2 | Oct 29, 2026 |
| Ant Design System for FigmaFigma UI kits, plugins and templates that mirror Ant Design components for designing and building React apps. | UI and UX design | No | - | 3 | Oct 29, 2026 |
| Ayro UIBootstrap 5 UI component library with copy-paste snippets, blocks, and templates for building websites. | UI and UX design | Yes | - | 3 | Oct 29, 2026 |
| Blockies AnimateA collection of copy-paste animation components for Tailwind CSS and TypeScript projects, sold with a one-time payment. | UI and UX design | No | - | 1 | Oct 29, 2026 |
| CageOnline proofing and project collaboration tool for designers and agencies to review, annotate and approve creative work. | UI and UX design | Yes | $8/mo | 4 | Oct 30, 2026 |
Newsletter
Get a note when Material Tailwind or its alternatives change their prices
Price changes and new tools, once or twice a month. No pitches, unsubscribe in one click.
How this page was made. Plans and prices are read automatically from material-tailwind.com's public pricing page, checked against the page text, and re-checked about every week. Method. Something wrong? Tell us.