⭐ the project to show your appreciation. :arrow_upper_right:
Table of Contents
UI Components
Editable data grid / spreadsheet
Table
Overlay
Display overlay / modal / alert / dialog / lightbox / popup
Notification
Menus / sidebars
Sticky
Fixed headers / scroll-up headers / sticky elements
Tabs
Tabs Component - Tabs Component example.
Loader
Loaders / spinners / progress bars — Let the user know that something is loading
Carousel
Collapse
Chart
Display data in charts / graphs / diagrams
Tree
Display a tree data structure
UI Navigation
Ways to navigate views
Audio / Video
Map
Time / Date / Age
Display time / date / age
Photo / Image
Display images / photos
Icons
Display icons / icon set / emojis
Paginator
Display a control element to paginate
Markdown Viewer
Display parsed markdow source
Canvas
Sketch input using Canvas or SVG
Social
DOM Manipulation
Miscellaneous
Let the user enter data
Date / Time picker
Date picker / time picker / datetime picker / date range picker
Emoji picker
Masked inputs, specialized inputs; email / telephone number / credit card / etc.
Autocomplete
Autosuggest / autocomplete / typeahead
Select
Color Picker
Toggle
Slider
Type Select
Let the user select something (e.g. a tag) while typing
Let the user add multiple tags in a single input
Autosize Input / Textarea
Star Rating
Drag and Drop
Sortable List
Let the user define an order on a list
Rich Text Editor
Markdown Editor
Image Editing
Image manipulation
Miscellaneous
Syntax Highlight
UI Layout
Components to layout the app's UI
UI Animation
Animate transitions
Parallax
UI Frameworks
Responsive
Set of components + responsive layout system
Material Design
Carbon
Bootstrap
AgnosticUI
- agnosticui — Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular).
Mobile
Component Collections
UI Utilities
Reporter
Report computed styles
Visibility Reporter
Report when a component becomes visible/hidden
Measurement Reporter
Determine and report measurements of an element
Turn user input into actions
Keyboard Events
Touch Swipe
Mouse Events
Set meta tags, , children of
Portal
Render an element at an arbitrary DOM node
Test User Behavior
A/B tests, experiments, ...
Code Design
Libraries that help with code design
Data Store
Data flow / data management / data stores / components state / data flow
Router
Summary
|
SSR |
History API |
Hash Mode |
Memory Mode (no URL update) |
Query Parsing ?x=42&s=a,b,c |
Page Leave Guards |
Navigation Hooks |
Nested Routes |
Custom User Data |
CSS Transitions |
Routes Lazy load |
Default Fallbacks |
Forced Redirects |
Several routers |
|
:white_check_mark: |
:white_check_mark: |
:x: |
:x: |
:x: |
:x: |
:x: |
:white_check_mark: |
:white_check_mark: |
:x: |
:x: |
:x: |
:x: |
:white_check_mark: |
|
:white_check_mark: |
:white_check_mark: |
:x: |
:x: |
:x: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:x: |
:white_check_mark: |
:x: |
|
:x: |
:x: |
:white_check_mark: |
:x: |
:white_check_mark: |
:x: |
:x: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:x: |
:x: |
|
:x: |
:white_check_mark: |
:white_check_mark: |
:x: |
:white_check_mark: |
:x: |
:white_check_mark: |
:white_check_mark: |
:x: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
|
:x: |
:white_check_mark: |
:x: |
:x: |
:x: |
:x: |
:x: |
:white_check_mark: |
:x: |
:x: |
:x: |
:white_check_mark: |
:white_check_mark: |
:x: |
|
:x: |
:white_check_mark: |
:white_check_mark: |
:x: |
:white_check_mark: |
:x: |
:white_check_mark: |
:x: |
:x: |
:x: |
:white_check_mark: |
:white_check_mark: |
:x: |
:x: |
|
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:x: |
:white_check_mark: |
|
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:x: |
:x: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:x: |
:white_check_mark: |
:x: |
:x: |
:x: |
|
:x: |
:white_check_mark: |
:x: |
:white_check_mark: |
:x: |
:x: |
:x: |
:x: |
:white_check_mark: |
:x: |
:x: |
:x: |
:white_check_mark: |
:x: |
|
:x: |
:white_check_mark: |
:white_check_mark: |
:x: |
:x: |
:white_check_mark: |
:x: |
:white_check_mark: |
:x: |
:x: |
:white_check_mark: |
:x: |
:x: |
:x: |
|
:x: |
:white_check_mark: |
:white_check_mark: |
:x: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:white_check_mark: |
:x: |
:white_check_mark: |
:white_check_mark: |
:x: |
:x: |
|
:x: |
:white_check_mark: |
:white_check_mark: |
:x: |
:x: |
:x: |
:x: |
:white_check_mark: |
:x: |
:x: |
:white_check_mark: |
:white_check_mark: |
:x: |
:white_check_mark: |
|
:x: |
:white_check_mark: |
:white_check_mark: |
:x: |
:white_check_mark: |
:x: |
:x: |
:x: |
:x: |
:x: |
:x: |
:x: |
:white_check_mark: |
:x: |
Props from server
Component properties asynchronously fetched over the network
Communication with server
CSS / Style
HTML Template
Isomorphic Apps
Boilerplate
Scaffold / starter kit / Yeoman generator / stack ensemble / seed
Miscellaneous
Utilities
i18n
Internationalization / L10n / localization / translation
Framework bindings / integrations
Integrations with Third Party Services
UI
Inspect
Lazy Load
App Size
Server-Side Rendering
State Management
Test
Inspect
Miscellaneous
Miscellaneous
Static Website Generator
- Hakuba - A fast blog starter driven by Github discussions for all data.
Cloud Solutions
Databases