react-grid-layout
A draggable and resizable grid layout with responsive breakpoints, for React. (by STRML)
react-slick
React carousel component (by akiran)
Our great sponsors
| react-grid-layout | react-slick | |
|---|---|---|
| 18 | 17 | |
| 19,450 | 11,538 | |
| 1.7% | - | |
| 7.1 | 7.8 | |
| 6 days ago | 15 days ago | |
| JavaScript | JavaScript | |
| MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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.
react-grid-layout
Posts with mentions or reviews of react-grid-layout.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-03-19.
-
Essential tools for implementing React panel layouts
You can find additional information about the React-Grid-Layout in the repository and documentation.
-
Casca.Space: a Chrome extension for your focus and productivity
This is react-grid-layout with some custom logic https://github.com/react-grid-layout/react-grid-layout
-
Is there a library for grid-based drag-n-drop?
react-grid-layout looks like a good candidate, but it seems like it lacks a way to customize/add rules for positioning elements to prevent "stacks" of elements. Imagine a user models a brick wall and you want to prevent users from stacking bricks above each other (prevent bricks stack bond and allow something like running bond brick pattern)
-
I made a website builder that works like Notion
I was looking to build a somewhat similar project with react and react grid layout.
- Is there anything like react-grid-layour for RN?
-
Is there a way to create a drag and drop prototype for multiple components in figma?
Would it be possible to prototype something like this in figma? http://react-grid-layout.github.io/react-grid-layout/examples/0-showcase.html
-
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.
react-slick
Posts with mentions or reviews of react-slick.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-04-02.
-
React Carousel that allows for variable height and vertically scrollable content
1 - React Alice Carousel : https://github.com/maxmarinich/react-alice-carousel 2 - React Slick : https://react-slick.neostack.com/ 3 - React Responsive Carousel : https://www.npmjs.com/package/react-responsive-carousel
- Trying to remember the name of a library...
-
Need help with intersection observor
No, we have a bug in slick slider, This issue is quite common and no solution yet. https://github.com/akiran/react-slick/issues/540
- Best Carlousel library for React?
- Hey! I just started coding in react, and I love it, but I would really appreciate some help.
-
Best NPM Package for React.js
https://www.npmjs.com/package/react-slick (I personally use it)
-
React Slick Slider with Delete functionality
Sliders are one of the most common and widely used ways to display images in our web applications. There are many packages that allow us to make use of pre-built sliders and make our websites beautiful. Today, I will discuss the react-slick-carousel over here and display the images using react slick carousel, also we will create a delete button with each image allowing user to delete the image on the fly. You can read further documentation related to react-slick-slider here
-
25 React component libraries you just might need for your next project!
react-slick React carousel component.
-
TypeError: Cannot read property 'userAgent' of undefined
I am trying to integrate react-slick slider into my ReactJS application.
-
What do you use for a Slider / Carousel on a Product Page?
I haven't used a carousel library in long time but maybe https://github.com/akiran/react-slick will help you
What are some alternatives?
When comparing react-grid-layout and react-slick you can also consider the following projects:
golden-layout - A multi window layout manager for webapps
Swiper - Most modern mobile touch slider with hardware accelerated transitions
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
react-responsive-carousel - React.js Responsive Carousel (with Swipe)
react-flexbox-grid - A set of React components implementing flexboxgrid with the power of CSS Modules.
react-awesome-slider - React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱
react-stack-grid
keen-slider - The HTML touch slider carousel with the most native feeling you will get.
muuri-react - The layout engine for React
React-Use-Smooth-Scroll - React Provider Component to add a smooth scroll effect 😍
react-masonry-component - A React.js component for using @desandro's Masonry
accessible-slick - the last (accessible) carousel you'll ever need.
react-grid-layout vs golden-layout
react-slick vs Swiper
react-grid-layout vs react-beautiful-dnd
react-slick vs react-responsive-carousel
react-grid-layout vs react-flexbox-grid
react-slick vs react-awesome-slider
react-grid-layout vs react-stack-grid
react-slick vs keen-slider
react-grid-layout vs muuri-react
react-slick vs React-Use-Smooth-Scroll
react-grid-layout vs react-masonry-component
react-slick vs accessible-slick