Open Source Frontend Projects
Frontend development creates the parts of websites and web applications that people see and interact with in a browser. It brings together structure, visual design, and behavior to make information accessible and tasks straightforward across different devices and screen sizes. Frontend technologies help developers build interfaces, respond to user input, present data, and improve performance and accessibility.
Open source tools in this area include UI libraries, styling systems, animation and graphics tools, component collections, and utilities for building or customizing web interfaces. When choosing one, consider its license, documentation, maintenance activity, browser support, dependencies, and fit with your existing stack. These tools can help individual developers, design teams, and organizations create new interfaces, prototype ideas, or maintain established applications.
53 repositories · updated October 16, 2026
skills: Improve Interfaces with Agent Skills
A collection of agent skills for improving interface design, covering UI, typography, color, accessibility, layout, and product writing. Useful for designers and developers who want targeted reviews and iteration support inside an AI-assisted workflow.
NewHealth 48/100
flask-assets: Manage CSS and JavaScript Assets in Flask
flask-assets connects Flask applications to webassets for bundling, minifying, and compiling CSS and JavaScript. It suits teams that want asset processing integrated into a Flask project, but its lack of recent development is worth weighing.
InactiveHealth 28/100
awesome-css-frameworks: Compare CSS Frameworks and Libraries
A curated directory of CSS frameworks, resets, and styling libraries, organized by approach and intended use. Use it to survey options for a web project, from classless stylesheets to utility-first frameworks and specialized designs.
QuietHealth 29/100
awesome-vue: Discover Vue.js Tools and Learning Resources
A community-maintained directory of Vue.js documentation, tutorials, libraries, tools, and example projects. Use it to explore the Vue ecosystem or find resources for a specific development need.
ActiveHealth 51/100
Front-End-Web-Development-Resources: Find Front-End Learning Materials
A community-curated directory of learning materials, tools, and design resources for front-end developers. Useful for finding a learning path or a focused reference, but its listings may need verification because the repository has been inactive for over a year.
InactiveHealth 39/100
awesome-javascript: Browse Curated Browser-Side JavaScript Resources
A categorized directory of browser-side JavaScript libraries, tools, and learning resources. Use it to explore options across areas such as testing, UI, visualization, storage, and machine learning.
MaintainedHealth 54/100
50projects50days: Learn Web Development Through Mini Projects
A collection of more than 50 small HTML, CSS, and JavaScript projects created for a web development course. It suits learners who want practical examples and short exercises in interactive interface design.
InactiveHealth 31/100
react-projects: Explore React Through Small Example Apps
A practice repository collecting small React projects, from a todo app and tic-tac-toe to Redux examples, a markdown editor, and a Gatsby blog. It is explicitly unmaintained, so it is best treated as a learning reference rather than a maintained foundation.
InactiveHealth 20/100
react: Build Web and Native User Interfaces
React is a JavaScript library for building interactive user interfaces from components. It suits teams that want declarative UI development for web apps, with options to render on the server or build mobile apps using React Native.
ActiveHealth 74/100
frontend-slides: Create HTML Presentations with a Coding Agent
Frontend Slides is an agent skill for building styled web presentations from a brief or an existing PowerPoint. It suits people who want to choose a visual direction without writing CSS, then customize or share the resulting HTML deck.
QuietHealth 34/100
vue-pdf-embed: Display PDF Documents in Vue Apps
A Vue component for rendering PDF documents inside web applications, with optional text and annotation layers, search, and document controls. It suits Vue teams that need an integrated viewer rather than a separate PDF page or browser plugin.
ActiveHealth 41/100
for-legacy-web: Use Stoat’s Legacy Web Client
for-legacy-web is the legacy web client for Stoat, formerly known as Revite for Revolt. It is aimed at users who need the existing browser client and maintainers making small fixes or keeping older deployments running.
QuietHealth 29/100