Overview: Essential® UI Kit for React

2 Feb 20264 minutes to read

The Essential® UI Kit for React comprises over 260 responsive, ready-to-use, and customizable blocks designed to help build web applications quickly. These blocks are developed using HTML, CSS, TypeScript, and Syncfusion® React components, delivering robust functionality and ease of use. They are compatible with both Tailwind CSS and Bootstrap 5.3 frameworks, and support light and dark modes for flexible integration across different user preferences. The UI kit includes blocks for the following categories:

Category Blocks
Authentication
  • Sign In
  • Sign Up
  • Sign In - Mobile
  • Sign In - OTP
  • Forgot Password
  • Sign Out
  • Unlock Session
Layouts
  • Header
  • Navigation Bar
  • Sidebar
  • Search
  • Grid
  • List View
  • Statistics
  • Cards
  • Filter Panel
  • Tile View
  • Modals
  • Floating Menu
  • Notification
  • Calendar
  • Rating
  • Pagination
  • Footer
Data Visualization
  • Line Chart
  • Area Chart
  • Bar Chart
  • Scatter Chart
  • Bubble Chart
  • Distribution Chart
AI
  • AI Login
  • AI Sidebar
  • AI Setting
  • AI Search
  • AI Input
  • AI Card
  • AI Prompt Card
  • AI Chat
  • AI Dialog
  • AI Floating Widget
  • AI Notification
  • AI FAQ
  • AI Pricing Table
E-commerce
  • Pricing Card
  • Plan and Price Comparison
  • Checkout Page
  • Product Return Page
Communication
  • Email
  • Chat

These blocks provide pre-designed building blocks for rapid implementation of web applications. Customization and integration of business logic must be implemented by the developer to meet specific requirements.

Supported React versions

The blocks are built using React 18 but can be used with other React versions as they are primarily developed with HTML, CSS, and TypeScript. For details on compatible React and Syncfusion versions, refer to the system requirements: https://ej2.syncfusion.com/react/documentation/system-requirement#react-supported-versions.

Supported browsers

  • Google Chrome
  • Microsoft Edge
  • Safari
  • Mozilla Firefox

Supported CSS frameworks

  • Tailwind CSS
  • Bootstrap 5.3

Both Tailwind CSS and Bootstrap 5.3 support light and dark modes, allowing you to adapt the blocks to your application based on user preference or system settings. This flexibility ensures a consistent and optimal user experience across environments and devices.