Tailwind CSS & React Widgets - Material Tailwind PRO

Use our widget block examples to extend the functionality of your Tailwind CSS website or application. Customize and reuse the blocks whenever you need.

Join Now Widget

Free Block

Use this well-structured, visually appealing widget that creates a user-friendly interface for showcasing events or announcements.

Dark Join Now Widget

Try this widget if you want to implement a dark design styled with Tailwind CSS and coded with React.

Dashboard Widget

This widget works perfectly for a web application's dashboard or settings panel. It is designed to display various pieces of information in an organized manner and includes icons, checkboxes, tables, and call-to-action button.

Cards Widget

This widget includes three cards which provide users with a snapshot of critical metrics and the ability to get more information.

Status Cards Widget

Use this widget example that enables scanning and understanding of project statuses, which is essential for apps created for project managers and team members. The use of icons and avatars also contributes to a more engaging and informative display.

Stats Cards Widget 1

This example works perfectly for a business' website or dashboard with key performance indicators (KPIs). The design is straightforward, making it easy for users to assess the company's performance at a glance.

Stats Cards Widget 2

Use this widget to provide essential data in a concise format.