Skip to content

overview.md

Latest commit

 

History

History
95 lines (85 loc) · 3.14 KB

overview.md

File metadata and controls

95 lines (85 loc) · 3.14 KB
layout post
title Overview of Essential UI Kit for React | Syncfusion
description Learn all about the overview of the Essential UI Kit for React in Syncfusion Essential JS 2 and more here.
platform ej2-react
control Overview
documentation ug
domainurl

Overview: Essential UI Kit for React

The Essential UI Kit for React comprises over 160 responsive, ready-to-use, easy-to-implement, and customizable blocks designed to help you quickly build web applications. 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 and Bootstrap 5.3 CSS frameworks, supporting light and dark modes to offer flexibility and seamless integration across different user preferences. The UI kit includes blocks for the following categories:

Category Blocks
Authentication
  • Sign In
  • Sign Up
  • Mobile - Sign In
  • OTP - Sign In
  • Forgot Password
  • Sign Out
  • Unlock Session
Layouts
  • Header
  • Navigation Bar
  • Sidebar
  • Search
  • Grid
  • List View
  • Statistics
  • Cards
  • Filter Panel
  • Tile View
  • Modals
  • Floating Menu
  • Calendar
  • Pagination
  • Footer
E-commerce
  • Pricing Card
  • Plan and Price Comparison
  • Checkout Page
  • Product Return Page
Communication
  • Email
  • Chat

These provide pre-designed blocks for the quick implementation of web applications. However, customization and the integration of business logic must be handled on your end to meet your specific requirements.

Supported React Versions

The blocks designed and showcased are built using React 18, but you can use other versions of React as well, since they are primarily developed with HTML, CSS, and TypeScript to facilitate building your web applications. Additionally, for using Syncfusion React components, the compatible React and Syncfusion versions are outlined in this link for your reference.

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 seamlessly adapt the blocks to your web applications based on user preferences or system settings. This flexibility ensures a consistent and optimal user experience across different environments and devices.