Meraki UI - RTL-ready responsive Tailwind CSS UI components
Meraki UI includes over 200 responsive Tailwind CSS components for websites and landing pages to help you design with ease. With support for RTL languages and a sleek Dark Mode, it’s easy to customize your site to your brand’s tastes.
Every component adapts seamlessly across mobile, tablet, and desktop screen sizes.
All components ship with built-in dark mode variants ready to toggle on.
Components fully support right-to-left layouts for Arabic, Hebrew, and similar languages.
Use the components freely in personal and commercial projects under the MIT license.
A large collection covering common UI patterns for websites and landing pages.
Fully open source on GitHub with community contributions and transparent development.
Components are built on modern Flexbox and CSS Grid for reliable, clean layouts.
Over 200 dark mode and RTL-ready Tailwind CSS components
Meraki UI offers a generous collection of over 200 ready-to-use Tailwind CSS components designed for building websites and landing pages. The library stands out with native support for right-to-left languages, making it a practical choice for teams building multilingual or region-specific sites. Every component includes dark mode variants out of the box, and layouts are built on Flexbox and CSS Grid for clean, predictable structure. Whether you're assembling a marketing page or prototyping a new product, the copy-paste workflow keeps things fast and friction-free.
What's included
- 200+ responsive UI components covering common website patterns
- Dark mode variants for every component
- RTL-ready layouts for Arabic, Hebrew, and other right-to-left languages
- Flexbox and CSS Grid based structure for reliable positioning
- Alpine.js interactive elements for dropdowns, toggles, and similar behaviors
- Heroicons integration for consistent iconography
- Landing page sections and website building blocks
Ideal for
- Marketing sites and startup landing pages
- Multilingual websites serving RTL-language audiences
- Rapid prototyping and MVP development
- Developer portfolios and personal sites
- Small business websites needing quick, polished sections
Theming & dark mode
Every component in the collection ships with a dark mode variant, so toggling between light and dark themes requires no extra work. The RTL support goes beyond simple text direction — layouts mirror correctly for languages that read right to left, which saves significant development time when localizing for regions like the Middle East or North Africa.
Tech & compatibility
Components are written in plain HTML with Alpine.js handling interactive behavior where needed. There are no framework dependencies beyond that, so the components drop into any project that uses Tailwind CSS — whether that's a static site, a Laravel app, or a JavaScript framework setup. The lightweight approach means minimal overhead and easy integration with existing codebases.
License & usage
Released under the MIT license, so the components are free to use in both personal and commercial projects without restrictions.
