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.
45 repositories · updated October 3, 2026
web-design: A Claude Code SKILL for Spec-First Web Page Design
The web-design project is a Claude Code SKILL designed to streamline the creation of beautiful and consistent web pages. It emphasizes a 'spec first, code second' approach, ensuring design principles are established before development begins. This tool helps generate UI, visuals, motion, and responsiveness that are consistent across pages and easily editable.
json-render: The Generative UI Framework for Dynamic Interfaces
json-render is a powerful Generative UI framework that allows developers to create dynamic, personalized user interfaces from natural language prompts. It ensures reliability by constraining AI-generated output to predefined components and actions, offering a predictable and safe way to build cross-platform UIs.
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.
awesome-vue: Find Vue.js Resources and Projects
A community-curated directory of resources for Vue.js developers, including learning materials, tools, libraries, and example projects. Use it to explore the Vue ecosystem or find a resource for a specific development need.
Awesome HTML5: A Curated List of Essential HTML5 Resources
Awesome HTML5 is a comprehensive, curated list of resources dedicated to the HTML5 standard. This repository offers developers a valuable collection of articles, APIs, tools, and learning materials, making it an indispensable guide for anyone working with modern web technologies. With over 2,700 stars, it's a highly regarded resource in the developer community.
awesome-javascript: A Curated Collection of Essential JS Resources
The `awesome-javascript` repository is a comprehensive collection of browser-side JavaScript libraries, resources, and tools. It meticulously categorizes various aspects of JavaScript development, from package managers and frameworks to data visualization and animations. Developers can use this extensive list to discover new tools and enhance their projects efficiently.
React: A JavaScript Library for Building User Interfaces
React is a popular JavaScript library designed for building user interfaces, enabling developers to create interactive UIs efficiently. It promotes a declarative, component-based approach, making code more predictable and easier to debug. With its "Learn Once, Write Anywhere" philosophy, React supports web applications and mobile development via React Native.
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.
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.
Shepherd: Guide Users Through Interactive Tours in Your App
Shepherd is an open-source JavaScript library designed to create interactive user onboarding tours and guided experiences within web applications. It offers extensive customization options and supports various popular frameworks, including React, Angular, Vue, and Ember. This powerful tool helps enhance user adoption by guiding them through your app's features effortlessly.
Yoopta-Editor: Build Custom Rich-Text Editors for React
Yoopta-Editor is a TypeScript rich-text editor toolkit for React, built on Slate. Its plugin-based, headless core and optional UI components help teams create anything from a simple writing surface to a CMS-style page builder.
claude-code-webui: A Web Interface for Claude CLI with Streaming Responses
claude-code-webui transforms the command-line Claude CLI experience into an intuitive web-based chat interface. It offers real-time streaming responses, visual project selection, and mobile-responsive design. This tool enhances productivity by providing a rich, visual environment for interacting with Claude Code locally.