Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
pure-react-carousel
A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles. If you're tired of fighting some other developer's CSS and DOM structure, this carousel is for you.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
1. React-Perfect-Scrollbar This is a wrapper to allow use perfect-scrollbar in React. It is used inside our project for creating nice scrollbars. Homepage GitHub Usage:- Install the package npm install react-perfect-scrollbar -S Import the css file if you have loader for css files: import 'react-perfect-scrollbar/dist/css/styles.css'; Import the module in the place you want to use: import PerfectScrollbar from 'react-perfect-scrollbar'
2. React DnD React DnD is drag and drop library it mostly used for make drag and drop functionality on particular elements. Homepage GitHub Usage:- Install the packages npm install react-dnd react-dnd-html5-backend Import the module in the place you want to use: import { useDrag } from 'react-dnd'
3. React-Device-Detect Detect device, and render view according to the detected device type. Homepage GitHub Usage:- Install the packages using npm or yarn: npm install react-device-detect --save
4. Pure React Carousel A highly impartial suite of React components that can be assembled by the consumer to create a responsive and aria compliant carousel with almost no limits on DOM structure or CSS styles. Homepage GitHub Usage:- Add the module to your project. npm i -S pure-react-carousel Import only the required components into your project. import React from 'react'; import { CarouselProvider, Slider, Slide, ButtonBack, ButtonNext } from 'pure-react-carousel';
5. React Grid System A powerful Bootstrap-like responsive grid system for React. react-grid-system provides a responsive grid for React inspired by Bootstrap. Moreover, it has various additional powerful features, such as setting breakpoints and gutter widths through React's context. Three components are provided for creating responsive grids: Container, Row, and Col. Homepage GitHub Usage:- Installation:- npm install react-grid-system --save An example on how to use these:-