explaingit

moklick/frontend-stuff

8,954Audience · developerComplexity · 1/5Setup · easy

TLDR

A personal, curated reference list of JavaScript frameworks, libraries, and tools for building websites, organized into categories like UI components, charts, animation, maps, forms, and more.

Mindmap

mindmap
  root((repo))
    UI categories
      Components
      CSS frameworks
      Charts and viz
      Animation
    Data categories
      Maps and geo
      Tables grids
      Forms and input
    Notable entries
      React Vue Angular
      Tailwind Bootstrap
      D3 Chart.js
    Purpose
      Reference guide
      Library discovery
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Browse a categorized list to quickly find a JavaScript library for a specific front-end need like animation, maps, or data tables.

USE CASE 2

Discover alternatives to popular libraries like React, D3, or Bootstrap when you want to compare options before choosing.

USE CASE 3

Use as a starting reference when planning the technology choices for a new web project.

Tech stack

JavaScript

Getting it running

Difficulty · easy Time to first run · 5min

In plain English

This repository is a personal, curated list of JavaScript frameworks, libraries, and tools for building websites and web applications. It has no code of its own. Instead, it is a long, organized collection of links maintained by one developer who adds tools they have used or plan to use. The list is divided into many categories covering the major concerns of building a web front end. There are sections for CSS frameworks, UI component libraries, charting and data visualization, maps, tables and spreadsheets, form elements like dropdowns and selects, image processing, animation, scrolling, touch gesture handling, video and audio players, 3D and WebGL, templating, HTTP requests, date handling, form validation, internationalization, and more. Each entry is a brief one-line description with a link to the project. Some of the most widely known entries across the categories include React, Vue, Angular, and Svelte for building interfaces, Tailwind CSS, Bulma, and Bootstrap-based themes for styling, D3, Chart.js, and ECharts for data visualization, and jQuery alongside its lighter alternatives like Zepto and Cash. The list also includes entries for neural network libraries, color utilities, database and local storage tools, and social sharing widgets. This kind of resource is commonly called an "awesome list" in the open-source world, a plain markdown file that aggregates useful links around a theme. It does not require installation or setup. Readers browse it like a reference guide when looking for a library to solve a specific front-end problem. The full README is longer than what was shown.

Copy-paste prompts

Prompt 1
I am building a web app that needs an interactive data table with sorting, filtering, and pagination. Look through frontend-stuff and suggest the best library for this from its tables and spreadsheets section.
Prompt 2
I need a lightweight JavaScript library for handling touch gestures on mobile. What does frontend-stuff list in its touch gesture category, and how do the options compare in bundle size?
Prompt 3
I want to add a 3D globe visualization to a web page without a heavy framework. What WebGL or 3D libraries are listed in frontend-stuff that could work for this?
Prompt 4
List the date-handling libraries in frontend-stuff and help me choose between them for a project where I need timezone support and small bundle size.
Open on GitHub → Explain another repo

← moklick on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.