Topics / #frontend

Frontend projects on GitHub

Browser-side development: interfaces, styling, and client-side application logic.

As of , the most-starred Frontend projects on GitHub are developer-roadmap (369.6K stars), react (251.2K stars) and vue (212.6K stars). GitHub.Locker tracks 1,080 Frontend repositories with 22.5M stars combined. The fastest-growing on October 16 was LinkSwift, with +989 stars in a day.

1,080Projects
22.5MStars in total
+7.4KStars in a day

Hot right now

Most stars gained in a day · Oct 16

The all-time top

Top 100 of 1,080 · by stars

  1. #1 · nilbuild/developer-roadmap

    developer-roadmap

    Community-driven roadmaps, guides and resources that show developers what to learn next and in what order — from frontend and backend to AI, DevOps and dozens of other paths.

    369.6K
  2. #2 · react/react

    react

    React is a JavaScript library for building user interfaces: you describe views for each state of your app, and React efficiently updates just the right components when data changes.

    251.2K
  3. #3 · vuejs/vue

    vue

    This is the repository for Vue 2, a progressive JavaScript framework for building user interfaces.

    212.6K
  1. 4

    flutter

    180.2Kflutter/flutter · Dart

    Flutter is Google's SDK for building beautiful, fast apps for mobile, web, and desktop from a single codebase.

  2. 5

    javascript

    148.1Kairbnb/javascript · JavaScript

    A JavaScript style guide from Airbnb covering conventions for types, variables, functions, classes, modules, naming, whitespace, and more, described as 'a mostly reasonable approach to JavaScript'.

  3. 6

    next.js

    143.1Kvercel/next.js · JavaScript

    Next.js is Vercel's 'The React Framework': a framework for building web applications with React, and this repository holds its source code.

  4. 7

    30-seconds-of-code

    129.2KChalarangelo/30-seconds-of-code · JavaScript

    30 seconds of code is a collection of short coding articles, each with code snippets, an explanation and examples, published on the project's own website.

  5. 8

    react-native

    126.7Kreact/react-native · C++

    React Native lets you build native mobile apps for Android, iOS, and other platforms using React. UI is described in JavaScript but rendered with real native platform components, not a webview.

  6. 9

    ui

    125.8Kshadcn-ui/ui · TypeScript

    shadcn/ui is a collection of beautifully designed, accessible React components with thoughtful defaults that you copy into your own codebase instead of installing as a locked dependency, so you can customize and extend them freely.

  7. 10

    three.js

    116.5Kmrdoob/three.js · JavaScript

    It's a JavaScript 3D library for the browser: the project aims to be easy-to-use, lightweight, cross-browser and general-purpose. Around since 2010, now over 116,000 GitHub stars.

  8. 11

    d3

    113.8Kd3/d3 · Shell

    D3 (or D3.js) is a free, open-source JavaScript library for visualizing data.

  9. 12

    axios

    109.3Kaxios/axios · JavaScript

    axios is a promise-based HTTP client for JavaScript: you use it to send requests to APIs and servers and then work with the responses as promises.

  10. 13

    create-react-app

    103.2Kreact/create-react-app · JavaScript

    Create React App is a command-line tool that sets up a new React single-page app with zero build configuration, preconfiguring webpack, Babel, ESLint, and a test runner for you.

  11. 14

    angular

    101.1Kangular/angular · TypeScript

    Angular is a development platform for building mobile and desktop web applications using TypeScript/JavaScript.

  12. 15

    ant-design

    99.8Kant-design/ant-design · TypeScript

    Ant Design is an enterprise-class UI design language and a React component library for building web applications.

  13. 16

    material-ui

    99.2Kmui/material-ui · JavaScript

    Material UI is a comprehensive library of React components implementing Google's Material Design system, used to build web UIs quickly with pre-built buttons, inputs, dialogs, and more.

  14. 17

    app-ideas

    98.2Kflorinpop17/app-ideas

    A curated collection of application ideas you can build to practice coding, organized into beginner, intermediate, and advanced tiers with detailed specs for each project.

  15. 18

    taste-skill

    98.1KLeonxlnx/taste-skill · JavaScript

    Taste Skill is a set of portable skills for AI coding agents: they upgrade AI-built interfaces with stronger layout, typography, motion, and spacing instead of boilerplate-looking UIs.

  16. 19

    tailwindcss

    97.9Ktailwindlabs/tailwindcss · TypeScript

    Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces by composing small, single-purpose classes directly in your markup.

  17. 20

    Web-Dev-For-Beginners

    97Kmicrosoft/Web-Dev-For-Beginners · JavaScript

    A free 12-week, 24-lesson curriculum from Microsoft Cloud Advocates that teaches web development fundamentals (HTML, CSS, JavaScript) through hands-on projects like a terrarium, a browser extension, a typing game and a space game.

  18. 21

    storybook

    91.3Kstorybookjs/storybook · TypeScript

    Storybook is a frontend workshop for building, documenting, and testing UI components in isolation, used by thousands of teams for UI development, testing, and documentation.

  19. 22

    mermaid

    90.7Kmermaid-js/mermaid · TypeScript

    Mermaid is a JavaScript-based diagramming and charting tool that lets you create flowcharts, sequence diagrams, Gantt charts and more from simple Markdown-inspired text definitions instead of a drag-and-drop editor.

  20. 23

    vue-element-admin

    90.1KPanJiaChen/vue-element-admin · Vue

    vue-element-admin is a production-ready front-end solution for building admin interfaces, built on Vue and the element-ui component toolkit.

  21. 24

    svelte

    88.4Ksveltejs/svelte · JavaScript

    Svelte is a compiler that turns declarative UI components into efficient vanilla JavaScript, which then surgically updates the DOM directly instead of shipping a heavy runtime framework to the browser.

  22. 25

    realworld

    84.3Krealworld-apps/realworld · TypeScript

    RealWorld is a project that builds the exact same Medium.com-style blogging app over and over using different frontend and backend frameworks (React, Angular, Node, Django and 100+ more), so developers can compare how real frameworks handle a realistic app instead of a trivial todo demo.

  23. 26

    vite

    83.4Kvitejs/vite · TypeScript

    Vite is a frontend build tool that gives you an instant dev server with fast Hot Module Replacement during development, and bundles your code for production using Rolldown.

  24. 27

    animate.css

    82.9Kanimate-css/animate.css · CSS

    Animate.css is a cross-browser library of ready-made CSS animations you can drop into a page to animate elements like fades, bounces, and slides.

  25. 28

    impeccable

    82.1Kpbakaus/impeccable · Rust

    Impeccable is a design language for AI coding agents: one skill, 24 commands, live browser iteration, and 59 deterministic detector rules that make AI-generated frontend design better.

  26. 29

    Font-Awesome

    77KFortAwesome/Font-Awesome · JavaScript

    Font Awesome is an icon toolkit that ships icons as SVG, icon fonts, and CSS, used by millions of designers and developers to add scalable icons to websites and apps.

  27. 30

    json-server

    75.7Ktypicode/json-server · JavaScript

    json-server lets you spin up a fully working fake REST API in under 30 seconds, with no backend code to write — just a single JSON file defining your data.

  28. 31

    awesome-react

    74.9Kenaqx/awesome-react

    A curated list of resources, libraries, and tools for the React and React Native ecosystem, covering everything from frameworks to testing utilities.

  29. 32

    Front-End-Checklist

    74.5Kthedaviddias/Front-End-Checklist · MDX

    Front-End Checklist is an open-source front-end quality system that turns front-end best practices into a practical review workflow, usable by humans and AI agents via web, MCP server, or this README.

  30. 33

    anime

    73.7Kjuliangarnier/anime · JavaScript

    Anime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple yet powerful API for animating things on the web.

  31. 34

    awesome-vue

    73.5Kvuejs/awesome-vue

    A curated list of resources, tutorials, components, and tools related to the Vue.js JavaScript framework.

  32. 35

    reveal.js

    72.4Khakimel/reveal.js · JavaScript

    reveal.js is an open source HTML presentation framework that lets anyone with a web browser build slide decks instead of using PowerPoint or Keynote.

  33. 36

    Chart.js

    67.7Kchartjs/Chart.js · JavaScript

    Chart.js is a JavaScript library for drawing simple, flexible charts using the HTML5 canvas element.

  34. 37

    echarts

    67.5Kapache/echarts · TypeScript

    Apache ECharts is a free, powerful charting and data visualization library for browsers, written in pure JavaScript, used to add interactive and highly customizable charts to products.

  35. 38

    design-resources-for-developers

    67.2Kbradtraversy/design-resources-for-developers

    A curated list of design and UI resources for developers, covering stock photos, templates, CSS frameworks, UI libraries, icons, fonts, color tools and more.

  36. 39

    33-js-concepts

    66.5Kleonardomso/33-js-concepts · JavaScript

    A curated collection of 33 (plus bonus) core JavaScript concepts every developer should know, each with explanations, code examples, and curated resources to help you learn the language in depth.

  37. 40

    docusaurus

    66.5Kfacebook/docusaurus · TypeScript

    Docusaurus is a tool for building, deploying, and maintaining open source project websites easily, handling the website build process so you can focus on your project.

  38. 41

    webpack

    66Kwebpack/webpack · JavaScript

    Webpack is a module bundler for JavaScript and friends: it packs many modules (JS, CSS, images, JSON, and more) into a few bundled assets for use in the browser.

  39. 42

    javascript-questions

    65.3Klydiahallie/javascript-questions

    A long list of advanced JavaScript questions with explanations, designed to test and refresh your JavaScript knowledge or help you prepare for a coding interview.

  40. 43

    astro

    63.3Kwithastro/astro · TypeScript

    Astro is a free, open source web framework for building content-driven websites — blogs and other content-heavy sites — with a powerful developer experience and a lightweight output.

  41. 44

    redux

    61.5Kreduxjs/redux · TypeScript

    Redux is a JavaScript library for predictable and maintainable global state management — it helps apps behave consistently and makes them easy to test.

  42. 45

    lodash

    61.3Klodash/lodash · JavaScript

    Lodash is a modern JavaScript utility library - small helper functions that take the hassle out of working with arrays, numbers, objects, and strings.

  43. 46

    nuxt

    61Knuxt/nuxt · TypeScript

    Nuxt is a free and open-source framework for building type-safe, performant, production-grade full-stack web applications and websites with Vue.js.

  44. 47

    Front-end-Developer-Interview-Questions

    60.9Kh5bp/Front-end-Developer-Interview-Questions · Nunjucks

    A curated list of front-end interview questions covering HTML, CSS, JavaScript, accessibility, testing, performance, networking, and coding exercises that hiring managers can pick from when vetting front-end developer candidates.

  45. 48

    jquery

    59.9Kjquery/jquery · JavaScript

    jQuery is the classic JavaScript library for DOM manipulation, events, AJAX and effects — this repo holds its source, fresh off the jQuery 4.0.0 release.

  46. 49

    zustand

    58.8Kpmndrs/zustand · TypeScript

    Zustand is a small, fast state-management library for React built on simplified flux principles, with a hook-based API that is not boilerplate-heavy or opinionated.

  47. 50

    angular.js

    58.5Kangular/angular.js · JavaScript

    AngularJS is a JavaScript framework for client-side web apps that makes the browser smarter: HTML is your template language, extended with extra syntax to describe app components clearly.

  48. 51

    html5-boilerplate

    57.7Kh5bp/html5-boilerplate · JavaScript

    HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites, refined over more than 10 years by 200+ contributors.

  49. 52

    react-router

    56.6Kremix-run/react-router · TypeScript

    React Router is a multi-strategy router for React: it lets you define routes and handle navigation in React apps.

  50. 53

    gatsby

    55.9Kgatsbyjs/gatsby · JavaScript

    Gatsby is a free, open-source framework based on React for building fast websites and web apps, mixing the control of dynamically rendered sites with the speed of static-site generation.

  51. 54

    core

    54.7Kvuejs/core · TypeScript

    This is the core repository of Vue.js, a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  52. 55

    material-design-icons

    54.1Kgoogle/material-design-icons

    This is Google's official repository of Material Design icons, offering two icon sets: Material Symbols (the current, actively updated set) and Material Icons (the classic set, no longer updated since 2022).

  53. 56

    element

    54KElemeFE/element · Vue

    Element is a Vue.js 2.0 UI toolkit: a library of ready-made interface components you use to build web interfaces.

  54. 57

    pdf.js

    54Kmozilla/pdf.js · JavaScript

    PDF.js is a PDF viewer built with HTML5, community-driven and supported by Mozilla. Its goal is a general-purpose, web standards-based platform for parsing and rendering PDFs.

  55. 58

    normalize.css

    53.5Knecolas/normalize.css · CSS

    normalize.css is a stylesheet that makes the default styling of HTML elements consistent across browsers; the README bills it as a modern alternative to CSS resets.

  56. 59

    expo

    52.8Kexpo/expo · TypeScript

    Expo is an open-source framework for building universal native apps with React: you write React and JavaScript, and the resulting apps run on Android, iOS, and the web.

  57. 60

    ionic-framework

    52.7Kionic-team/ionic-framework · TypeScript

    Ionic is an open source app development toolkit for building modern, fast, top-quality apps with JavaScript and the Web.

  58. 61

    DefinitelyTyped

    51.4KDefinitelyTyped/DefinitelyTyped · TypeScript

    DefinitelyTyped is a massive community repository that hosts TypeScript type definitions (.d.ts files) for JavaScript packages that don't ship their own types, published to npm under the @types scope.

  59. 62

    Semantic-UI

    51KSemantic-Org/Semantic-UI · JavaScript

    Semantic UI is a UI component framework that provides 50+ themeable UI elements (buttons, dropdowns, popups, etc.) using human-friendly, descriptive HTML class names.

  60. 63

    tldraw

    51Ktldraw/tldraw · TypeScript

    tldraw is an SDK for building infinite canvas apps in React — a feature-complete canvas engine that you can use out of the box as a whiteboard or extend with custom shapes, tools, and UI.

  61. 64

    pretext

    50.8Kchenglou/pretext · TypeScript

    Pretext is a pure JavaScript/TypeScript library for multiline text measurement and layout — fast and accurate, including for languages you may not even know about.

  62. 65

    query

    50.4KTanStack/query · TypeScript

    TanStack Query is an async state management library that simplifies fetching, caching, synchronizing, and updating server state in web apps.

  63. 66

    bulma

    50Kjgthms/bulma · CSS

    Bulma is a modern CSS framework based on Flexbox that gives you ready-made classes for building responsive layouts and UI components.

  64. 67

    htmx

    49.6Kbigskysoftware/htmx · JavaScript

    htmx lets you use AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML through attributes, so you can build dynamic UIs without writing JavaScript.

  65. 68

    react-bits

    49.4KDavidHDev/react-bits · JavaScript

    React Bits is an open-source library of animated, interactive React UI components for building eye-catching websites - 165+ ready-made components covering text animations, backgrounds and UI elements.

  66. 69

    awesome-design-patterns

    49.4KDovAmir/awesome-design-patterns

    A curated list of links to resources about software and architecture design patterns, covering everything from language-specific patterns to cloud, serverless, microservices, IoT, big data, ML, databases, DevOps, mobile, front-end and security.

  67. 70

    slidev

    49.1Kslidevjs/slidev · TypeScript

    Slidev is a framework for creating presentation slides using Markdown, built specifically for developers.

  68. 71

    algorithm-visualizer

    48.9Kalgorithm-visualizer/algorithm-visualizer · JavaScript

    An interactive online platform that visualizes algorithms by running and animating your code step by step, so you can watch exactly how an algorithm behaves instead of just reading pseudocode.

  69. 72

    dayjs

    48.7Kiamkun/dayjs · JavaScript

    Day.js is a minimalist JavaScript library for parsing, validating, manipulating, and displaying dates and times, built as a lightweight alternative to Moment.js.

  70. 73

    awesome-react-components

    48.6Kbrillout/awesome-react-components

    A curated list of standout React components and libraries, organized by category (data grids, carousels, charts, forms, routing, and more).

  71. 74

    pixijs

    48.4Kpixijs/pixijs · TypeScript

    PixiJS is a 2D rendering engine for the web that uses WebGL and WebGPU to draw fast, interactive graphics like games, data visualizations, and creative sites.

  72. 75

    GitHubDaily

    48.2KGitHubDaily/GitHubDaily

    GitHubDaily is a curated Chinese-language collection of interesting and useful open-source projects, developer tools, tutorials and tech news discovered on GitHub, shared daily since October 2015.

  73. 76

    moment

    47.9Kmoment/moment · JavaScript

    Moment.js is a JavaScript library for parsing, validating, manipulating, and formatting dates and times.

  74. 77

    frontend-dev-bookmarks

    47.6Kdypsilon/frontend-dev-bookmarks

    A manually curated collection of links and resources for frontend web developers, organized into topic categories like Appearance, Architecture, Compatibility, Ecosystem, Languages/Protocols/Browser APIs, UI Components, and Workflow.

  75. 78

    quill

    47.4Kslab/quill · TypeScript

    Quill is a modern WYSIWYG (what-you-see-is-what-you-get) rich text editor for the web, built for compatibility and extensibility.

  76. 79

    react

    47.1Ktypescript-cheatsheets/react · TypeScript

    A maintained cheatsheet for experienced React developers adopting TypeScript, packed with opinionated best practices and copy-pastable examples you can drop straight into your code.

  77. 80

    30-Days-Of-JavaScript

    46.9KAsabeneh/30-Days-Of-JavaScript · JavaScript

    A free, self-paced 30-day curriculum that takes you from JavaScript basics (data types, loops, functions) through DOM manipulation and ends with several mini projects.

  78. 81

    monaco-editor

    46.9Kmicrosoft/monaco-editor · JavaScript

    Monaco Editor is the browser-based code editor that powers VS Code, packaged as a JavaScript library for embedding editors in web apps.

  79. 82

    skills

    46.7Kemilkowalski/skills · Markdown

    A collection of AI agent skills for designers and engineers that teach coding agents good judgment about animation and UI design, drawn from the author's experience at Vercel and Linear.

  80. 83

    awesome-cheatsheets

    46.6KLeCoupa/awesome-cheatsheets · JavaScript

    A curated collection of cheatsheets covering popular programming languages, frameworks, databases, and development tools, each condensed into a single reference file.

  81. 84

    full-stack-fastapi-template

    46Kfastapi/full-stack-fastapi-template · TypeScript

    A full-stack web application template that bundles a FastAPI Python backend with a React/TypeScript frontend, a PostgreSQL database, and Docker Compose, giving you authentication, an admin dashboard, and deployment config already wired up.

  82. 85

    Leaflet

    45.8KLeaflet/Leaflet · JavaScript

    Leaflet is a leading open-source JavaScript library for building interactive, mobile-friendly maps for the web.

  83. 86

    AdminLTE

    45.7KColorlibHQ/AdminLTE · Astro

    AdminLTE is a free, open-source admin dashboard template built on Bootstrap 5.3 with vanilla JavaScript (no jQuery), fully responsive and MIT-licensed, with official editions for React, Vue, Laravel, Django, Symfony, Angular, ASP.NET Core and Drupal.

  84. 87

    jest

    45.5Kjestjs/jest · TypeScript

    Jest is a JavaScript testing framework focused on simplicity, with built-in test running, assertions, and mocking that works out of the box for most JavaScript projects.

  85. 88

    react-hook-form

    44.9Kreact-hook-form/react-hook-form · TypeScript

    React Hook Form is a library of React Hooks for building and validating forms, usable in both web apps and React Native apps.

  86. 89

    EasySpider

    44.7KNaiboWang/EasySpider · JavaScript

    EasySpider (易采集) is a visual, no-code web crawler and browser automation tool. You select elements on a webpage with clicks instead of writing code, and it designs and runs the scraping/testing task for you.

  87. 90

    jsoncrack.com

    44.5KAykutSarac/jsoncrack.com · TypeScript

    JSON Crack is an open-source tool that visualizes JSON, YAML, XML and CSV data as interactive graphs or trees, making it easier to explore, format, and validate structured data.

  88. 91

    babel

    44.1Kbabel/babel · TypeScript

    Babel is a compiler for JavaScript: you write code with the newest language features, and it compiles it down to a version your target environments can actually run.

  89. 92

    parcel

    44Kparcel-bundler/parcel · JavaScript

    Parcel is a zero-configuration build tool for the web: it bundles and compiles JavaScript, CSS, HTML and other assets into optimized output without requiring a config file to get started.

  90. 93

    react-use

    44Kstreamich/react-use · TypeScript

    react-use is a large collection of reusable React Hooks covering sensors, UI interactions, animations, side-effects, lifecycles, and state management.

  91. 94

    daisyui

    42.6Ksaadeghi/daisyui · JavaScript

    daisyUI is a free, open-source component library for Tailwind CSS — the most popular one, currently at version 5. It adds ready-made UI component classes on top of Tailwind's utility classes.

  92. 95

    swiper

    41.9Knolimits4web/swiper · TypeScript

    Swiper is a free open-source mobile touch slider with hardware accelerated transitions and native-like feel, made for mobile websites, mobile web apps and native/hybrid apps.

  93. 96

    tabler

    41.9Ktabler/tabler · Astro

    Tabler is a free and open source admin dashboard UI kit built on Bootstrap 5: ready-made layouts, components and demo pages for admin panels, dashboards and web apps, in light and dark mode.

  94. 97

    uni-app

    41.6Kdcloudio/uni-app · JavaScript

    uni-app is a cross-platform framework built on Vue.js: you write one codebase and ship it to iOS, Android, HarmonyOS, the responsive Web, and a wide range of mini-program platforms (WeChat, Alipay, Baidu, Douyin, QQ, Kuaishou, DingTalk, Taobao, JD, Xiaohongshu), plus quick apps and HarmonyOS mini services.

  95. 98

    styled-components

    41.1Kstyled-components/styled-components · TypeScript

    A CSS-in-JS library for React: styles are written in JavaScript and turned into styled components, with one API across server components, client components, streaming SSR and React Native.

  96. 99

    vuetify

    41Kvuetifyjs/vuetify · TypeScript

    Vuetify is a UI library of handcrafted Vue components built on Material Design — you assemble your app's interface from ready-made, responsive parts instead of styling everything yourself.

  97. 100

    vue2-elm

    41Kbailicangdu/vue2-elm · Vue

    This is a large demo single-page application that clones the Eleme (饿了么) food delivery platform, built to showcase a real-world, production-scale Vue 2 project with 45 pages covering login, search, shop listings, cart, and checkout flow.

Showing the 100 most-starred of 1,080. See every one in the catalog.

Often tagged together