Open Source Frontend Projects
Discover 55 open source Frontend repositories from GitHub, each with an analysis of what it does, key features, use cases and alternatives. Frontend projects here are most often combined with Web Development, TypeScript and React. Last updated October 3, 2026.
55 repositories · updated October 3, 2026
shepherd: Guide Users Through Interactive App Tours
Shepherd is a JavaScript library for building customizable onboarding tours, trainings, and announcements inside websites and apps. Use it to explain workflows in context, with framework wrappers available for several popular frontend stacks.
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.
onur.dev: A Personal Website for Writing and Bookmarks
onur.dev is a Next.js personal website for publishing writing, presenting a professional journey, and sharing bookmarks. It combines Contentful and Raindrop content with a Tailwind CSS interface, and is a useful starting point for a content-rich personal site.
motion: Animate Interfaces with JavaScript, React, and Vue
Motion is an animation library for JavaScript, React, and Vue. It provides a shared toolkit for gestures, spring animations, layout transitions, and scroll-linked effects, for projects that need interactive motion without building an animation system from scratch.
shadcn-landing-page: Build a Responsive Next.js Landing Page
A TypeScript landing-page template built with Next.js, shadcn/ui, and Tailwind CSS. It gives developers a responsive starting point with common marketing sections, navigation, and dark mode that can be adapted for a product or service site.
beercss: Build Material Design Interfaces with CSS
Beer CSS is a lightweight CSS framework for building Material Design 3 interfaces with semantic HTML. It suits developers who want ready-made styling and components without a build step, and can be used alongside any JavaScript framework.
chrome-extension-boilerplate-react-vite: Build Browser Extensions
A React, TypeScript, and Vite starter for building Chrome and Firefox extensions. It provides a modular project structure, extension-focused development tooling, and build workflows for common browser surfaces.
vue-fabric-editor: Build Customizable Web Image Editors
A Vue and Fabric.js editor for creating and customizing images, posters, and design templates in the browser. It suits teams building lightweight design tools with reusable editing features and plugin-based extensions.
galaxy: Browse and Reuse Community UI Elements
Galaxy is an archive of more than 3,000 community-made UI elements sourced from Uiverse.io. Browse the collection on the platform, then reuse CSS or Tailwind elements in your projects under the MIT License.
FilePond: A Flexible JavaScript Library for Seamless File Uploads
FilePond is a powerful and fun JavaScript library designed for handling file uploads with ease. It offers a highly flexible and accessible user experience, capable of optimizing images and managing various file types for faster and smoother uploads. With extensive features and integrations, FilePond simplifies complex file handling tasks for developers.
mcp-ui: Build Interactive Interfaces for MCP Tools
mcp-ui provides SDKs for attaching web interfaces to Model Context Protocol tools and rendering them in compatible hosts. Use it when an MCP server needs interactive, sandboxed UI alongside tool results.
orpc: Build End-to-End Type-Safe APIs
oRPC is a TypeScript toolkit for defining API contracts, implementing server procedures, and calling them with end-to-end type safety. It suits teams building TypeScript APIs that need OpenAPI compatibility and integrations with common frameworks and tools.