Skip to content

Latest commit

 

History

History
62 lines (47 loc) · 7.14 KB

README.md

File metadata and controls

62 lines (47 loc) · 7.14 KB

Table of Contents

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

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.