Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
214 changes: 111 additions & 103 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,108 +25,112 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome-
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
## Table of Contents

- [UI Components](#ui-components)
- [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet)
- [Table](#table)
- [Infinite Scroll](#infinite-scroll)
- [Overlay](#overlay)
- [Notification](#notification)
- [Tooltip](#tooltip)
- [Menu](#menu)
- [Sticky](#sticky)
- [Tabs](#tabs)
- [Loader](#loader)
- [Captcha](#captcha)
- [Carousel](#carousel)
- [Buttons](#buttons)
- [Collapse](#collapse)
- [Chart](#chart)
- [Command palette](#command-palette)
- [Tree](#tree)
- [UI Navigation](#ui-navigation)
- [Custom Scrollbar](#custom-scrollbar)
- [Audio / Video](#audio--video)
- [Map](#map)
- [Time / Date / Age](#time--date--age)
- [Photo / Image](#photo--image)
- [Icons](#icons)
- [Paginator](#paginator)
- [Markdown Viewer](#markdown-viewer)
- [Canvas](#canvas)
- [Screenshot](#screenshot)
- [Miscellaneous](#miscellaneous)
- [Form Components](#form-components)
- [Date / Time picker](#date--time-picker)
- [Emoji picker](#emoji-picker)
- [Input Types](#input-types)
- [Autocomplete](#autocomplete)
- [Select](#select)
- [Color Picker](#color-picker)
- [Toggle](#toggle)
- [Slider](#slider)
- [Radio Button](#radio-button)
- [Type Select](#type-select)
- [Tag Input](#tag-input)
- [Autosize Input / Textarea](#autosize-input--textarea)
- [Star Rating](#star-rating)
- [Drag and Drop](#drag-and-drop)
- [Sortable List](#sortable-list)
- [Rich Text Editor](#rich-text-editor)
- [Markdown Editor](#markdown-editor)
- [Image Editing](#image-editing)
- [Form Component Collections](#form-component-collections)
- [Miscellaneous](#miscellaneous-1)
- [Syntax Highlight](#syntax-highlight)
- [UI Layout](#ui-layout)
- [UI Animation](#ui-animation)
- [Parallax](#parallax)
- [UI Frameworks](#ui-frameworks)
- [Responsive](#responsive)
- [Material Design](#material-design)
- [Mobile](#mobile)
- [Component Collections](#component-collections)
- [UI Utilities](#ui-utilities)
- [Reporter](#reporter)
- [Visibility Reporter](#visibility-reporter)
- [Measurement Reporter](#measurement-reporter)
- [Device Input](#device-input)
- [Keyboard Events](#keyboard-events)
- [Scroll Events](#scroll-events)
- [Touch Swipe](#touch-swipe)
- [Mouse Events](#mouse-events)
- [Meta Tags](#meta-tags)
- [Portal](#portal)
- [Test User Behavior](#test-user-behavior)
- [Code Design](#code-design)
- [Data Store](#data-store)
- [Form Logic](#form-logic)
- [Router](#router)
- [Props from server](#props-from-server)
- [Communication with server](#communication-with-server)
- [CSS / Style](#css--style)
- [HTML Template](#html-template)
- [Isomorphic Apps](#isomorphic-apps)
- [Boilerplate](#boilerplate)
- [Miscellaneous](#miscellaneous-2)
- [Utilities](#utilities)
- [i18n](#i18n)
- [Framework bindings / integrations](#framework-bindings--integrations)
- [Integrations with Third Party Services](#integrations-with-third-party-services)
- [Performance](#performance)
- [UI](#ui)
- [Inspect](#inspect)
- [Lazy Load](#lazy-load)
- [App Size](#app-size)
- [Server-Side Rendering](#server-side-rendering)
- [Dev Tools](#dev-tools)
- [Test](#test)
- [Redux](#redux)
- [Inspect](#inspect-1)
- [Miscellaneous](#miscellaneous-3)
- [Miscellaneous](#miscellaneous-4)
- [Static Website Generator](#static-website-generator)
- [Cloud Solutions](#cloud-solutions)
- [Databases](#databases)
- [🚀 Absolutely Awesome React Components \& Libraries](#-absolutely-awesome-react-components--libraries)
- [Contributing](#contributing)
- [Table of Contents](#table-of-contents)
- [UI Components](#ui-components)
- [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet)
- [Table](#table)
- [Infinite Scroll](#infinite-scroll)
- [Overlay](#overlay)
- [Notification](#notification)
- [Tooltip](#tooltip)
- [Menu](#menu)
- [Sticky](#sticky)
- [Tabs](#tabs)
- [Loader](#loader)
- [Captcha](#captcha)
- [Carousel](#carousel)
- [Buttons](#buttons)
- [Collapse](#collapse)
- [Chart](#chart)
- [Command palette](#command-palette)
- [Tree](#tree)
- [UI Navigation](#ui-navigation)
- [Custom Scrollbar](#custom-scrollbar)
- [Audio / Video](#audio--video)
- [Map](#map)
- [Time / Date / Age](#time--date--age)
- [Photo / Image](#photo--image)
- [Icons](#icons)
- [Paginator](#paginator)
- [Markdown Viewer](#markdown-viewer)
- [Canvas](#canvas)
- [Screenshot](#screenshot)
- [Miscellaneous](#miscellaneous)
- [Form Components](#form-components)
- [Date / Time picker](#date--time-picker)
- [Emoji picker](#emoji-picker)
- [Input Types](#input-types)
- [Autocomplete](#autocomplete)
- [Select](#select)
- [Color Picker](#color-picker)
- [Toggle](#toggle)
- [Slider](#slider)
- [Radio Button](#radio-button)
- [Type Select](#type-select)
- [Tag Input](#tag-input)
- [Autosize Input / Textarea](#autosize-input--textarea)
- [Star Rating](#star-rating)
- [Drag and Drop](#drag-and-drop)
- [Sortable List](#sortable-list)
- [Rich Text Editor](#rich-text-editor)
- [Markdown Editor](#markdown-editor)
- [Image Editing](#image-editing)
- [Form Component Collections](#form-component-collections)
- [Miscellaneous](#miscellaneous-1)
- [Syntax Highlight](#syntax-highlight)
- [Multi-step / Wizard Form](#multi-step--wizard-form)
- [UI Layout](#ui-layout)
- [UI Animation](#ui-animation)
- [Parallax](#parallax)
- [UI Frameworks](#ui-frameworks)
- [Responsive](#responsive)
- [Material Design](#material-design)
- [Mobile](#mobile)
- [Component Collections](#component-collections)
- [UI Utilities](#ui-utilities)
- [Reporter](#reporter)
- [Visibility Reporter](#visibility-reporter)
- [Measurement Reporter](#measurement-reporter)
- [Device Input](#device-input)
- [Keyboard Events](#keyboard-events)
- [Scroll Events](#scroll-events)
- [Touch Swipe](#touch-swipe)
- [Mouse Events](#mouse-events)
- [Meta Tags](#meta-tags)
- [Portal](#portal)
- [Test User Behavior](#test-user-behavior)
- [Code Design](#code-design)
- [Data Store](#data-store)
- [Form Logic](#form-logic)
- [Router](#router)
- [Props from server](#props-from-server)
- [Communication with server](#communication-with-server)
- [CSS / Style](#css--style)
- [HTML Template](#html-template)
- [Isomorphic Apps](#isomorphic-apps)
- [Boilerplate](#boilerplate)
- [Miscellaneous](#miscellaneous-2)
- [Utilities](#utilities)
- [i18n](#i18n)
- [Framework bindings / integrations](#framework-bindings--integrations)
- [Integrations with Third Party Services](#integrations-with-third-party-services)
- [Performance](#performance)
- [UI](#ui)
- [Inspect](#inspect)
- [Lazy Load](#lazy-load)
- [App Size](#app-size)
- [Server-Side Rendering](#server-side-rendering)
- [Dev Tools](#dev-tools)
- [Test](#test)
- [Redux](#redux)
- [Inspect](#inspect-1)
- [Miscellaneous](#miscellaneous-3)
- [Miscellaneous](#miscellaneous-4)
- [Static Website Generator](#static-website-generator)
- [Cloud Solutions](#cloud-solutions)
- [Databases](#databases)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

Expand Down Expand Up @@ -613,6 +617,10 @@ _Image manipulation_

- [react-syntax-highlighter](https://github.com/conorhastings/react-syntax-highlighter) - Syntax highlighting component with Prismjs or Highlightjs AST using inline styles.

#### Multi-step / Wizard Form

- [SmartStepper](https://github.com/Miladxsar23/smartstepper) - [npm](https://www.npmjs.com/package/smartstepper?activeTab=readme) - Modern, customizable stepper for building multi-step forms, wizards, and onboarding flows. Integrates with react-hook-form, supports Yup/Zod validation, and offers a flexible, config-driven API. Perfect for dynamic forms, onboarding, checkout flows, and more.

## UI Layout

**[`Back to top ⬆️`](#table-of-contents)**
Expand Down Expand Up @@ -684,7 +692,7 @@ _Set of components + responsive layout system_
- [evergreen](https://github.com/segmentio/evergreen) - [demo/docs](https://evergreen.segment.com) - Evergreen React UI Framework by Segment.
- [fluentui](https://github.com/microsoft/fluentui) - UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior.
- [geist-ui](https://github.com/geist-org/geist-ui) - Modern and minimalist React UI library.
- [gestalt](https://github.com/pinterest/gestalt) - [demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterests design language.
- [gestalt](https://github.com/pinterest/gestalt) - [demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest's design language.
- [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications.
- [Mantine](https://github.com/mantinedev/mantine) - [demo/docs](https://mantine.dev/) - A fully featured library with 100+ hooks and components with native dark theme support
- [orbit](https://github.com/kiwicom/orbit) - Components for building travel oriented projects.
Expand Down