Table of Contents

• 1. Frontend plugins and library
  • Frontend framework
    • Next.js
    • React
  • Plugins
    • State Management
    • Google map api
    • CSS Frameworks
    • UI Components
    • Animation
  • UI Design Motivation

1. Frontend plugins and library

Frontend framework

Next.js

• @next - The React Framework for Production.
• @next-auth - Authentication for Next.js.
• [@next-pwa]
• [@next-sitemap]

React

• @react - A JavaScript library for building user interfaces.
• @react-router - Declarative routing for React.
• @react-hook-form - Performant, flexible and extensible forms with easy-to-use validation.
• @react-icons - Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.
• @react-spring - A spring physics based React animation library.

Plugins

State Management

• @redux - A Predictable State Container for JS Apps.
• @reduxjs/toolkit - The official, opinionated, batteries-included toolset for efficient Redux development.
• @react-redux - Official React bindings for Redux.

Google map api

• @react-google-maps/api - React hook for Google Maps API.

CSS Frameworks

• @tailwindcss - A utility-first CSS framework for rapidly building custom designs.

UI Components

• @Shadcn - A set of React components implementing @tailwindcss
• @next-ui - NextUI is a UI library for React that helps you build beautiful and accessible user interfaces Created on top of @tailwindcss.
• @materialui3 - Material 3 is the latest version of Google’s open-source design system. Design and build beautiful, usable products with Material 3.
• @Embla Carousel A carousel library with fluid motion and great swipe precision.

Animation

• @anime.js - Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
• @framer-motion - It powers the amazing animations and interactions in Framer, the web builder for creative pros. Zero code, maximum speed.
• @gsap - GSAP is a powerful JavaScript animation library that lets you create high-performance, cross-browser animations with ease.

UI Design Motivation

• @Dribbble - Dribbble is the leading destination to find & showcase creative work and home to the world's best design professionals.
• @Mobbin - The largest collection of Mobile UI Kits, Patterns, and Layouts.

Open for more suggestion.