25 Hand-Picked ReactJS Libraries You Probably Didn't Know Existed 😍

Using these will put Web Developer on Steroids.


{ 1 } React Hot Toast

The Best Toast in Town. Smoking hot React notifications.

Add beautiful notifications to your React App

{ 2 } React Content Loader

SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading).

{ 3 } React Filepond

A new way to upload files
- Multiple Input Formats
- Image Optimization
- Responsive
- Async or Sync Uploading

{ 4 } React Notion X

Fast and accurate React renderer for Notion. TS batteries included. ⚡ ️

{ 5 } React Select

A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete, async and creatable support.

{ 6 } Sweet Alert

A beautiful replacement for success messages, error messages or info messages

{ 7 } React Query

Performant and powerful data synchronization for React.

{ 8 } React Hook Form

Less code. More performant

Reducing the amount of code you need to write, and removing unnecessary re-renders are some of the primary goals of React Hook Form.
{ 9 } React Infinite Scroller

Infinitely load content using a React Component.

{ 10 } React Motion

A spring that solves your animation problems. Level up your animation game.

{ 11 } React DnD

A React utility to help you build complex drag and drop interfaces while keeping your components decoupled.

{ 12 } React Desktop

A JavaScript library built on top of Facebook's React library, which aims to bring a native desktop experience to the web, featuring many macOS Sierra and Windows 10 components.

{ 13 } Splitbee

Track and optimize your online business with Splitbee. Your friendly analytics & conversion platform.

{ 14 } React Window

React components for efficiently rendering large lists and tabular data.

{ 15 } Stripe Elements

Stripe Elements are rich, pre-built UI components that help you create your own pixel-perfect checkout flows across desktop and mobile.

{ 16 } Chakra UI

A simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

{ 17 } Draft JS

Rich Text Editor Framework for React.

Draft.js fits seamlessly into React applications, abstracting away the details of rendering, selection, and input behavior with a familiar declarative API.

{ 18 } ChartJS

Build beautiful charts in minutes with Chartjs, Dashboards will looks sexy like never before.

{ 19 } React Slick

React carousel component. One of the best sliders out there to showcase anything.

{ 20 } React Auto Suggest

WAI-ARIA compliant autosuggest component built in React

{ 21 } React Burger Menu

An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations.

{ 22 } React Spinners

A collection of loading spinner components for react

{ 23 } React Bootstrap Datatable

Next Generation of react-bootstrap-table. Datatable made easy like never before.

{ 24 } Styled Components

styled components is the result of wondering how we could enhance CSS for styling React component systems.

{ 25 } Semantic UI

Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.


More from Harsh Makadia

Consistency isn't enough to grow on Twitter.

Here are 21 formats that helped me reach 64,000+ followers.

Marketing and Copywriting Practical Guide 🧵:

In this thread, we will go over:

1. Tweet Formats
2. Twitter Threads Hooks

Warning: You're about to steal some of my secrets that will level up your Twitter game.

Grab a cup of coffee Hot ☕️

1. Better Presentation

Try to differentiate from the rest.

Good presentation and message passing are crystal clear.

People stop scrolling as they see something new.

Tweet Link:

2. Share your experience with someone who is starting today

Share some of the common mistakes people make based on your experience.

Tweet Link:

3. Use Emoji's like a bullet

Easy to relate to and understand faster.

Tweet Link:
8 Google Chrome extensions nobody told you about ( but you needed them badly at work ) :

1. ScribeHow [ @ScribeHow ]

Extension for screen recording that converts any procedure into a tutorial in seconds.

super handy for: entrepreneurs, educators, founders, and more.

93% less effort should be spent recording and sharing procedures.


2. Writesonic [ @WriteSonic ]

AI-powered writing assistant lets you rephrase, expand or shorten any text in a click.

One tool for any type of writing.

🔗 https://t.co/psGIwFpgm0

@WriteSonic 3. Tella [ @TellaHQ ]

Bring your work to life with video.

Screen and camera recording for making an impression.

Fully customizable, instantly shareable, all in your browser.

🔗 https://t.co/yebcyquBnl

@WriteSonic @TellaHQ 4. Arcade [ @arcade_demo ]

The easiest way to showcase your products.

Create interactive demos in minutes and embed them on:
• Websites
• Blog post
• Email
• Tweet

🔗 https://t.co/BlZIrVir2l
TED Talks are life-changing.

Here are 11 Most popular Ted Talks worth your time:

1. Inside the mind of a master procrastinator

By: Tim Urban

Time: 14 Mins


2/ How great leaders inspire action

By: Simon Sinek

Time: 18 Mins

Link: https://t.co/0N1kU4Vp7X

3. Your body language may shape who you are

By: Amy Cuddy

Time: 21 Mins

Link: https://t.co/JJxntfb256

4. How to speak so that people want to listen

By: Julian Treasure

Time: 10 Mins

Link: https://t.co/DzO3koptxV

You May Also Like