Topics / #component
Component projects on GitHub
Reusable UI component libraries and widget collections for front-end development.
As of , the most-starred Component projects on GitHub are quill (47.4K stars), daisyui (42.6K stars) and chakra-ui (40.7K stars). GitHub.Locker tracks 18 Component repositories with 340.8K stars combined. The fastest-growing on October 17 was DaVinciResolve-likeColorGradePanel4UE, with +12 stars in a day.
Hot right now
Most stars gained in a day · Oct 17
+12DaVinciResolve-likeColorGradePanel4UE
coulsonevli/DaVinciResolve-likeColorGradePanel4UE · ★ 136A C++ editor plugin for Unreal Engine that adds DaVinci Resolve-style color grading tools to a Post Process Volume, replicating DaVinci's Log Color Wheels and its Color Warper (here called Spider Web).
+4daisyui
saadeghi/daisyui · ★ 42.6KdaisyUI is a free, open-source component library for Tailwind CSS — the most popular one, currently at version 5. It adds ready-made UI component classes on top of Tailwind's utility classes.
fprime
nasa/fprime · ★ 11.8KF ́ (F Prime) is a component-driven flight software framework originally built at NASA's Jet Propulsion Laboratory for spaceflight and other embedded systems, including CubeSats, SmallSats, and instruments.
+2chakra-ui
chakra-ui/chakra-ui · ★ 40.7KChakra UI is a component system for building SaaS products with speed: a set of accessible React components for creating web apps and design systems.
The all-time top
18 projects · by stars
- 47.4K
#1 · slab/quill
quill
Quill is a modern WYSIWYG (what-you-see-is-what-you-get) rich text editor for the web, built for compatibility and extensibility.
- 42.6K
#2 · saadeghi/daisyuidaisyui
daisyUI is a free, open-source component library for Tailwind CSS — the most popular one, currently at version 5. It adds ready-made UI component classes on top of Tailwind's utility classes.
- 40.7K
#3 · chakra-ui/chakra-uichakra-ui
Chakra UI is a component system for building SaaS products with speed: a set of accessible React components for creating web apps and design systems.
- 4

MPAndroidChart
38.2KPhilJay/MPAndroidChart · KotlinMPAndroidChart is a chart/graph view library for Android that supports line, bar, pie, radar, bubble, and candlestick charts, plus scaling, panning, and animations.
- 5

dragula
22.1Kbevacqua/dragula · JavaScriptDragula is a vanilla JavaScript drag-and-drop library: you hand it container elements, and users can drag items between them to reorder or move them, with a shadow preview and almost no configuration.
- 6
handsontable
22.1Khandsontable/handsontable · TypeScriptHandsontable is a JavaScript data grid component with a spreadsheet-like look and feel: you embed it in a web app so users can enter, edit, validate, and process tabular data.
- 7
Vue.Draggable
20.6KSortableJS/Vue.Draggable · JavaScriptA Vue component that adds drag-and-drop to your lists and keeps the view-model array in sync — it wraps Sortable.js and supports all of its features. For Vue 1.0 it works as a directive instead.
- 8

mint-ui
16.4KElemeFE/mint-ui · VueMint UI is a set of ready-made mobile UI elements — interface components written for Vue 2.0 that you drop into a Vue app to build mobile web pages.
- 9

react-native-gifted-chat
14.4KFaridSafi/react-native-gifted-chat · TypeScriptreact-native-gifted-chat is a highly customizable chat UI component library for React Native, with built-in support for React Native Web and Expo. It ships with avatars, typing indicators, emoji reactions, quick replies, and more out of the box.
- 10

Android-PickerView
13.4KBigkoo/Android-PickerView · JavaAndroid-PickerView is a UI library for Android that mimics iOS-style picker wheels, providing a TimePickerView for date/time selection and an OptionsPickerView for single-, two-, or three-level cascading option selection like province-city-district pickers.
- 11

why-did-you-render
12.5Kwelldone-software/why-did-you-render · JavaScriptWhy Did You Render (WDYR) monkey-patches React to log, in the console, when and why a component re-rendered even though its new props/state were equal to the old ones (e.g. passing a freshly-created inline object like style={{width: '100%'}}).
- 12
fprime
11.8Knasa/fprime · C++F ́ (F Prime) is a component-driven flight software framework originally built at NASA's Jet Propulsion Laboratory for spaceflight and other embedded systems, including CubeSats, SmallSats, and instruments.
- 13
vue-echarts
10.7Kecomfe/vue-echarts · TypeScriptIt's a Vue.js wrapper component (VChart) that lets you render Apache ECharts charts declaratively inside a Vue app, handling mounting, resizing, theming and reactive option updates for you.
- 14

MudBlazor
10.6KMudBlazor/MudBlazor · C#MudBlazor is a Material Design component framework for Blazor, the .NET web UI stack: ready-made UI components so you can build web apps without wrestling with CSS and JavaScript.
- 15

react-native-snap-carousel
10.5Kmeliorence/react-native-snap-carousel · JavaScriptIt's a swiper/carousel component for React Native — a library you add to a mobile app to render scrollable card sliders, with item previews, multiple layouts, parallax images and performant handling of huge numbers of items.
- 16
oat
5.5Kknadh/oat · CSSOat is an ultra-lightweight, zero-dependency semantic HTML+CSS+JS UI component library (~10KB min+gz) for building web interfaces without a framework or build step.
- 17
pwa-install
956khmyznikov/pwa-install · TypeScriptAn install dialog for Progressive Web Apps: a Web Component that shows an 'Install app' or Add to Home Screen/Dock prompt in browsers that lack a native one, like Safari, Firefox or Opera.
- 18

DaVinciResolve-likeColorGradePanel4UE
136coulsonevli/DaVinciResolve-likeColorGradePanel4UE · C++A C++ editor plugin for Unreal Engine that adds DaVinci Resolve-style color grading tools to a Post Process Volume, replicating DaVinci's Log Color Wheels and its Color Warper (here called Spider Web).
Related topics
Often tagged together