particles-bg
react-grid-layout
Our great sponsors
particles-bg | react-grid-layout | |
---|---|---|
2 | 18 | |
619 | 19,301 | |
- | 1.6% | |
0.0 | 7.4 | |
almost 3 years ago | 5 days ago | |
JavaScript | JavaScript | |
- | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
particles-bg
-
Web Effect
particles-bg - React component for particles backgrounds
-
online multi-player pictionary game built using react and socketio
i used this https://www.npmjs.com/package/particles-bg
react-grid-layout
-
Essential tools for implementing React panel layouts
You can find additional information about the React-Grid-Layout in the repository and documentation.
-
25 React component libraries you just might need for your next project!
react-grid-layout A draggable and resizable grid layout with responsive breakpoints, for React.
- How to Build Resizeable Panels Like Tailwind
-
what should I use to build a map-builder?
A lot of projects seem to like: https://github.com/react-grid-layout/react-grid-layout
-
Dashboard builder
I’ve done that before using react grid layout (https://github.com/react-grid-layout/react-grid-layout) to allow for moving and resizing components, and then a lot of custom code. Having a well thought architecture makes a lot of difference there.
-
10 Helpful React Components Library For Developers.
3. React Grid Layout
-
Simplest Drag and Drop setup in React, in 10 lines of code with SortableJS
React Grid Layout: quite easy to setup, and quite powerful also. But I wanted to be able to move items in a grid so that it takes the position of another item in the grid and the grid keeps the same shape at the end of the drag/drop action - the defauilt behavior of this lib being to "make space" for the dragged item and break the grid layout. After spending one hour on it, I still couldn't find the way to achieve my goal, I quit.
-
Reactive Clojure: You don't need a web framework, you need a web language
My point is that there are already many libraries out there. With styling, input events and so on. For example, I use Blueprintjs in many current projects, which provides a large set of widgets/components. One of these is a spreadsheet-like table component with sorting, editing, reordering and more. I also use react-grid-layout for card widgets that you can drag and resize and react-flip-toolkit for animation, among other things. There is a huge React ecosystem out there and duplicating all of that would take far, far too long.
-
React Grid Layout : Nice grid layout system
https://github.com/STRML/react-grid-layout#usage
What are some alternatives?
golden-layout - A multi window layout manager for webapps
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
react-flexbox-grid - A set of React components implementing flexboxgrid with the power of CSS Modules.
react-stack-grid
muuri-react - The layout engine for React
react-masonry-component - A React.js component for using @desandro's Masonry
hedron - A no-frills flexbox grid system for React, powered by styled-components.
@blueprintjs/core - A React-based UI toolkit for the web
tsParticles - tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
the-matrix-effect - The incredible effect of rain of letters in the style of the Matrix trilogy.
reflexbox
react-spaces - React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.