How to create a notification/toast system in React Typescript with Redux Toolkit, Tailwind and Framer Motion

• medium-notifications-demo

  1 2 0.0 TypeScript

Demo: Here Github repository: Here

• Tailwind CSS

  1,279 78,370 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

Next.js Redux Toolkit Framer Motion Tailwind Radix UI Radix colors react-use clsx lodash ms

• SurveyJS

  surveyjs.io sponsored

  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.

  

• react-use

  58 40,305 6.4 TypeScript

  React Hooks — 👍

Next.js Redux Toolkit Framer Motion Tailwind Radix UI Radix colors react-use clsx lodash ms

• redux-toolkit

  287 10,396 9.9 TypeScript

  The official, opinionated, batteries-included toolset for efficient Redux development

  

Next.js Redux Toolkit Framer Motion Tailwind Radix UI Radix colors react-use clsx lodash ms

• clsx

  17 7,362 6.4 JavaScript

  A tiny (239B) utility for constructing `className` strings conditionally.

Next.js Redux Toolkit Framer Motion Tailwind Radix UI Radix colors react-use clsx lodash ms

• lodash

  187 58,868 5.1 JavaScript

  A modern JavaScript utility library delivering modularity, performance, & extras.

  

Next.js Redux Toolkit Framer Motion Tailwind Radix UI Radix colors react-use clsx lodash ms

• ms.js

  7 4,970 3.7 TypeScript

  Tiny millisecond conversion utility

  

Next.js Redux Toolkit Framer Motion Tailwind Radix UI Radix colors react-use clsx lodash ms

• WorkOS

  workos.com sponsored

  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.

  

Suggest a related project