A New Era with KtUI, ReUI, and Tailwind 4, React 19, Next.js 15!

We’re thrilled to announce the most anticipated Metronic update ever! This giant shift forward brings transformative changes for a faster, community-driven future.

A Revamped Codebase for Speed and Scalability

With full Tailwind CSS 4 integration, we’ve reshaped Metronic’s codebase for smoother, quicker updates. Our optimized development flow means faster feature rollouts. While some breaking changes are introduced, they’re essential to keep Metronic cutting-edge.

Introducing KtUI and ReUI: Open Source Powerhouses

This update introduces two open source UI libraries: KtUI for vanilla JavaScript and ReUI for React. Sharing a unified design system, they ensure Metronic’s consistent, sleek look across both platforms.

KtUI: Tailwind-Powered Components for HTML

KtUI, our Tailwind CSS-based open source library, powers Metronic’s HTML version, enabling community-driven growth. Its high-quality components and JavaScript functionality simplify building dynamic interfaces.

• New Naming Convention: KtUI classes use kt- prefixes for clarity and to differentiate from Tailwind’s built-in classes.
  
• Data Attributes: data-kt- attributes enable lazy JavaScript initialization with minimal code.
• Theme System: Inspired by Shadcn, KtUI’s CSS variable-based theming aligns with Tailwind 4 workflows.

ReUI: Accessible React Components with Radix UI

ReUI brings Metronic’s design system to React, using Radix UI primitives for accessible, Tailwind-tailored components. Perfect for React or Next.js apps, ReUI ensures a polished, cohesive experience alongside KtUI.

Why Vanilla JS and React?

We’ve prioritized vanilla JavaScript and React to align with development trends and AI tooling advancements. Supporting all frameworks (like Vue or Angular) is resource-intensive, so we’re focusing on maximum user value. Vue and Angular devs can still use Metronic’s HTML/JS features via our SPA integration guides in Metronic’s documentation.

Breaking Changes, Bigger Promises

This is Metronic’s biggest shift since launch. Built on KtUI, ReUI, and Tailwind 4, it’s now more scalable and community-focused. Breaking changes require adjustments, but they pave the way for a dynamic platform.

What’s Next?

We’re just getting started. Here’s what’s coming:

• Faster Updates: More frequent releases for HTML, React, and Next.js with advanced components.
• Select and Datepicker Components: Core functionality is ready, with styled releases due soon.
• Community Growth: Support KtUI and ReUI by starring KtUI on GitHub and ReUI on GitHub, sharing, and contributing.

Join Us in Taking Metronic to the Next Level

With KtUI, ReUI, and Tailwind 4, Metronic is more powerful and community-driven than ever. Star KtUI and ReUI on GitHub, share with your network, and contribute to shape Metronic’s future. Got feedback? Comment or reach out via Metronic’s support page. Let’s build something amazing together!

This update will be out soon after the marketplace approval!

— The Metronic Team