Top 23 JavaScript UI Component Projects
-
Semantic-UI
Semantic is a UI component framework based around useful principles from natural language.
-
react-beautiful-dnd
Beautiful and accessible drag and drop for lists with React
Latest mention: Show HN: A cool Drag-and-Drop implementation for Svelte | news.ycombinator.com | 2021-01-11Not sure how similar it is, but [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd) is pretty nice.
-
react-select
The Select Component for React.js
-
sortablejs
Create and reorder lists with drag-and-drop. For use with modern browsers and touch devices
-
react-virtualized
React components for efficiently rendering large lists and tabular data
-
react-native-elements
Cross-Platform React Native UI Toolkit
Github Stars: 19,500
-
NativeBase
Essential cross-platform UI components for React Native
Github Stars: 14,300
-
react-table
⚛️ Hooks for building fast and extendable tables and datagrids for React
Any short term plans for advanced table component? Or at less some guidelines to integrate chakra-ui Table with external libs (like react-table), to power table component with advanced features like virtualization, search...
-
react-dates
An easily internationalizable, mobile-friendly datepicker library for the web
This was the case for Airbnb with the popular react-dates project. They tried out solutions and had to change so much code that, at some point, they decided to build their own. The answer to the question of whether to create a component library is, as always, that it depends.
-
evergreen
🌲 Evergreen React UI Framework by Segment
-
marko
A declarative, HTML-based language that makes building web apps fun
-
react-color
:art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
-
downshift
🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
There's also Downshift, but you have to build your own UI: https://github.com/downshift-js/downshift
-
react-slick
React carousel component
Latest mention: What's a good image carousel/slider these days? | reddit.com/r/web_design | 2021-01-02I've had good results using slick slider. https://kenwheeler.github.io/slick/ and the react version https://github.com/akiran/react-slick
-
react-sortable-hoc
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
-
victory
A collection of composable React components for building interactive data visualizations
-
text-mask
Input mask for React, Angular, Ember, Vue, & plain JavaScript
-
react-dropzone
Simple HTML5 drag-drop zone with React.js.
-
react-markdown
Markdown component for React
Latest mention: An interesting problem with string to JSX conversions | reddit.com/r/reactjs | 2021-01-08Just googling there seem to be libraries for turning markdown to react nodes like this one from remark.
-
react-draggable
React draggable component
-
react-modal
Accessible modal dialog component for React
-
react-map-gl
React friendly API wrapper around MapboxGL JS
-
react-autosuggest
WAI-ARIA compliant React autosuggest component
Latest mention: Covtact: Secure COVID-19 Contact Diary [DO Hackathon submission] | dev.to | 2021-01-09React Date Picker and React Autosuggest which helped me to build easy to use inputs.💻
Index
What are some of the best open-source UI Component projects in JavaScript? This list will help you:
- 1. Semantic-UI
- 2. react-beautiful-dnd
- 3. react-select
- 4. sortablejs
- 5. react-virtualized
- 6. react-native-elements
- 7. NativeBase
- 8. react-table
- 9. react-dates
- 10. evergreen
- 11. marko
- 12. react-color
- 13. downshift
- 14. react-slick
- 15. react-sortable-hoc
- 16. victory
- 17. text-mask
- 18. react-dropzone
- 19. react-markdown
- 20. react-draggable
- 21. react-modal
- 22. react-map-gl
- 23. react-autosuggest