Skip to content

README.md

Latest commit

 

History

History
165 lines (131 loc) · 17.2 KB

README.md

File metadata and controls

165 lines (131 loc) · 17.2 KB
Raw

Awesome Web Development Awesome

Authentication, frameworks, APIs, tooling, forms, state management, styling, testing, UI components, and visualization.

Part of akashic, the Ego Hygiene knowledge collection.

Contents

Authentication and Identity

  • Auth.js - Open-source authentication toolkit, formerly NextAuth.js, for integrating providers, sessions, adapters, and authorization into web applications.
  • Auth0 - Managed identity platform for authentication, authorization, user management, social login, multifactor authentication, and enterprise federation.
  • Clerk - Authentication and user-management platform with prebuilt components, organizations, sessions, billing integrations, and developer SDKs.
  • Firebase Authentication - Google Firebase service and SDKs for password, federated, phone, anonymous, and custom-token authentication.
  • Supabase Auth - Authentication and authorization service built around PostgreSQL, JWTs, row-level security, social providers, and passwordless sign-in.

Core Frameworks and Build Tools

  • AI Website Cloner Template - Agent-oriented template for analyzing and recreating website structure, styling, and interactions from a supplied URL.
  • Blitz.js - Full-stack toolkit for Next.js applications with type-safe data access, authentication conventions, and code-generation workflows.
  • Bun - All-in-one JavaScript and TypeScript runtime, package manager, bundler, and test runner designed for compatibility with the Node.js and npm ecosystems.
  • Gatsby - React-based framework and data layer for building content-driven websites with static generation and server rendering.
  • Next.js - React framework for full-stack web applications with file-based routing, server components, rendering strategies, and deployment tooling.
  • React - Component-based library for building web and native user interfaces.
  • Remix - Web framework emphasizing standards-based routing, data loading, mutations, nested interfaces, and progressive enhancement.
  • TypeScript - Strongly typed language that extends JavaScript with static analysis and compiles to portable JavaScript.
  • Vite - Fast frontend development server and build tool with native modules, hot updates, plugins, and optimized production bundling.

Data Fetching and APIs

  • Apollo Client - GraphQL client for React with normalized caching, local state, queries, mutations, subscriptions, and developer tooling.
  • Axios - Promise-based HTTP client for browsers and Node.js with interceptors, request configuration, transforms, and cancellation.
  • Fetch API - Native web-platform interface for making HTTP requests and processing responses with promises and streams.
  • Relay - GraphQL client and compiler optimized for declarative data dependencies, colocated fragments, caching, and large React applications.
  • SWR - React data-fetching hooks implementing stale-while-revalidate caching, focus revalidation, mutation, and request deduplication.
  • TanStack Query - Async-state and server-data toolkit for fetching, caching, synchronizing, mutating, and paginating data across frontend frameworks.

Developer Tooling and Quality

  • BuiltWith - Identifies the frameworks, services, analytics, hosting, and other web technologies used by a site through a freemium lookup service.
  • Commitlint - Extensible linter for enforcing structured commit-message conventions in local and continuous-integration workflows.
  • ECMA-426 Source Map Format - Ecma International specification for source-map files that connect transformed JavaScript and related output back to original source locations.
  • ESLint - Pluggable static-analysis engine for identifying and enforcing JavaScript and TypeScript code patterns.
  • Flutter Gems - Curates thousands of Dart and Flutter packages by practical feature area, platform, and development task.
  • GitHub Actions - Repository-native automation platform for continuous integration, delivery, scheduled jobs, and event-driven workflows.
  • httptap - Browser-based HTTP diagnostic service for inspecting DNS, TLS, redirects, headers, and response timing; anonymous use is limited to a small number of checks.
  • Husky - Lightweight manager for configuring Git hooks that run project checks before commits and pushes.
  • lint-staged - Tool for running configured commands only against files staged for a Git commit.
  • Matomo - Open-source privacy-focused web and product analytics platform available through self-hosted software and commercial cloud hosting.
  • Moz - Provides freemium search-engine-optimization research, site analysis, keyword tools, link data, and learning resources.
  • Nx - Build system and monorepo platform with project graphs, task caching, affected analysis, generators, and distributed execution.
  • OpenPanel - Open-source product and web analytics platform with event tracking, funnels, retention, dashboards, and self-hosted or managed deployment paths.
  • PostHog - Combines open-source product analytics, session replay, feature flags, experiments, surveys, and data tooling with hosted and self-managed options.
  • Prettier - Opinionated formatter for JavaScript, TypeScript, CSS, Markdown, JSON, and other web-development formats.

File and Media Handling

  • FilePond - Extensible file-upload library with previews, validation, image transforms, asynchronous processing, and framework adapters.
  • React Cropper - React wrapper around Cropper.js for interactive image cropping, zooming, rotation, and canvas export.
  • React Dropzone - Hook-based primitives for accessible drag-and-drop file selection and upload interfaces.
  • React PDF Viewer - Pluggable React component for rendering, searching, navigating, zooming, and annotating PDF documents.
  • React Webcam - React component for accessing a device camera, displaying live video, and capturing screenshots.

Forms and Validation

  • Formik - React form library for managing values, validation, errors, submission, and field-level state.
  • React Final Form - Subscription-based React bindings for Final Form with fine-grained state updates and framework-independent form logic.
  • React Hook Form - Performant hook-based form library emphasizing uncontrolled inputs, minimal rerenders, and schema-validator integration.
  • React JSON Schema Form - React framework for generating customizable forms from JSON Schema definitions and UI schemas.
  • Yup - Schema builder for parsing, transforming, and validating JavaScript values with TypeScript inference.
  • Zod - TypeScript-first schema validation library with static type inference, parsing, transformations, and composable data contracts.

Motion and Interaction

  • GSAP - High-performance JavaScript animation platform for timelines, transforms, scrolling, SVG, canvas, and complex interaction sequences.
  • Motion - Production animation library, formerly Framer Motion, for declarative React motion, gestures, layout transitions, and scroll effects.
  • party.js - Lightweight JavaScript library for adding configurable confetti and particle effects to interface events.
  • React Beautiful DnD - Archived, accessible drag-and-drop library for list interactions in React; preserved as a historical implementation reference.
  • React Draggable - React components for making elements draggable through mouse and touch interactions.
  • React Flip Toolkit - Configurable FLIP-animation toolkit for animating element position, size, and appearance changes in React.
  • React Native Gesture Handler - Native-driven gesture-recognition and interaction primitives for React Native applications.
  • React Spring - Spring-physics animation library for expressive, interruptible motion across React platforms.
  • React Transition Group - Low-level React components for managing enter, exit, and transition states without prescribing animation styles.

State Management

  • Effector - Reactive state manager built around explicit events, stores, effects, scopes, and deterministic data flow.
  • Jotai - Atomic state-management library for React with composable primitives, derived state, utilities, and asynchronous atoms.
  • MobX - Reactive state-management library using observable data, computed values, actions, and automatic dependency tracking.
  • Recoil - Archived experimental React state-management library based on atoms, selectors, and derived dependency graphs.
  • Redux Toolkit - Official batteries-included toolset for predictable Redux state, reducers, immutable updates, middleware, and store configuration.
  • RTK Query - Redux Toolkit data-fetching and caching layer with generated hooks, endpoint definitions, invalidation, polling, and streaming updates.
  • Valtio - Proxy-based state-management library that exposes mutable JavaScript objects through reactive React snapshots.
  • XState - Actor and state-machine library for modeling explicit application behavior, transitions, effects, and orchestration.
  • Zustand - Small hook-based React state manager with an unopinionated store API, middleware, selectors, and persistence options.

Styling and Theming

  • Emotion - CSS-in-JS library for styling applications with string or object styles, theming, and framework integrations.
  • PostCSS - JavaScript tool for transforming CSS through a configurable ecosystem of syntax, compatibility, linting, and optimization plugins.
  • Stitches - Archived CSS-in-JS library with near-zero runtime, variants, server rendering, tokens, and typed styling APIs.
  • styled-components - CSS-in-JS library for attaching dynamic, scoped styles to React components through tagged template literals.
  • Tailwind CSS - Utility-first CSS framework that generates styles from classes detected across application source files.
  • Theme UI - Theme-oriented styling library for React with design tokens, responsive values, variants, and an sx prop.
  • vanilla-extract - Zero-runtime, type-safe CSS framework for authoring styles, themes, recipes, and tokens in TypeScript.

Testing and Component Development

  • Cypress - Browser-based testing platform for end-to-end, component, accessibility, and application workflow testing.
  • Jest - JavaScript testing framework with assertions, mocking, snapshots, coverage, and parallel test execution.
  • Mock Service Worker - API-mocking library that intercepts network requests through service workers in browsers and request interceptors in Node.js.
  • React Testing Library - User-centered React testing utilities that encourage queries and assertions based on rendered behavior and accessibility.
  • Storybook - Isolated component-development environment for examples, documentation, interaction tests, accessibility checks, and visual review.
  • Vitest - Vite-native testing framework with Jest-compatible APIs, TypeScript support, watch mode, mocking, and coverage.

UI Components and Primitives

  • Embla Carousel - Lightweight, extensible carousel library with touch gestures, responsive behavior, plugins, and framework integrations.
  • Floating UI - Positioning and interaction primitives for building tooltips, popovers, dropdowns, menus, and other floating interface elements.
  • Flowbite React - Open-source React components built on Tailwind CSS with theming and dark-mode support.
  • Swiper - Touch-oriented slider and carousel library with responsive layouts, hardware-accelerated transitions, modules, and framework integrations.

Utilities

  • Day.js - Small immutable date-and-time library with a Moment-compatible API and plugin-based extensions.
  • Faker - JavaScript and TypeScript library for generating realistic synthetic names, addresses, commerce data, dates, and test fixtures.
  • Lodash - Modular JavaScript utility library for working with arrays, objects, strings, functions, collections, and data transformations.
  • React Helmet Async - Thread-safe React component for managing document head metadata in client-rendered and server-rendered applications.
  • React Icons - Tree-shakable React wrappers around many popular open-source icon collections.
  • React Toastify - Customizable React notification library with accessible toast containers, transitions, promises, and lifecycle controls.

Visualization and Maps

  • D3 Discovery - Searches and categorizes community plugins, components, and extensions for the D3 visualization ecosystem.
  • deck.gl - WebGL-powered framework for high-performance geospatial visualization and composable large-data layers.
  • Nebula.gl - Suite of editable, three-dimensional geospatial overlays designed to integrate with deck.gl.
  • Nivo - React charting library built on D3 with responsive SVG, canvas, and server-rendering components.
  • PixiJS - Open-source WebGPU and WebGL renderer for high-performance two-dimensional graphics, games, visualizations, and interactive media in the browser.
  • React Chart.js 2 - React component wrappers for building Chart.js visualizations with typed datasets and options.
  • React Flow - Customizable React component for node-based editors, interactive diagrams, workflow builders, and graph interfaces.
  • React Simple Maps - Lightweight React components for composing SVG maps from geographic data.
  • React Three Fiber - React renderer for Three.js that expresses 3D scenes, objects, animation, and interaction as components.
  • Unovis - Framework-independent visualization library with modular charting components and React integrations.
  • Victory - Composable React components for interactive, cross-platform charts and data visualizations.

Suggestions and improvements are welcome. See the contribution guidelines.

← Return to the complete collection