Showing 143 open source projects for "web based system"

View related business solutions
  • $300 Free Credits to Build on Google Cloud Icon
    $300 Free Credits to Build on Google Cloud

    New customers can spin up VMs, build with AI, and query data at no cost.

    Put your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
    Start Free
  • Custom VMs From 1 to 96 vCPUs With 99.95% Uptime Icon
    Custom VMs From 1 to 96 vCPUs With 99.95% Uptime

    General-purpose, compute-optimized, or GPU/TPU-accelerated. Built to your exact specs.

    Live migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
    Start Free
  • 1
    Material Web

    Material Web

    Material Design Web Components

    @material/web is a library of web components that helps build beautiful and accessible web applications. It uses Material 3, the latest version of Google's open-source design system.
    Downloads: 10 This Week
    Last Update:
    See Project
  • 2
    System Design 101

    System Design 101

    Explain complex systems using visuals and simple terms

    System Design 101 is an educational repository that explains software architecture and infrastructure concepts through visual diagrams and concise explanations. It is designed for engineers preparing for system design interviews as well as developers who want to understand how large systems operate. Topics cover APIs, networking, databases, caching, distributed systems, software architecture, payments, security, and development practices. Real-world case studies examine architectures used by...
    Downloads: 4 This Week
    Last Update:
    See Project
  • 3
    FineTune

    FineTune

    FineTune, a macOS menu bar app to control volume for each app

    ...Through a clean, minimal interface accessible from the menu bar, FineTune lets users isolate and balance application volumes, assign specific outputs (like headphones versus speakers), and tweak equalization to enhance or tailor audio based on content or personal preference. Its integration into the OS workflow means that these adjustments persist across sessions and respect the user’s choices without requiring constant interaction with deeper system settings.
    Downloads: 393 This Week
    Last Update:
    See Project
  • 4
    Penpot

    Penpot

    The first open source design and prototyping tool

    Penpot is the first open-source design and prototyping platform for product teams that allows true collaboration between designers and developers. What will designers and developers find in Penpot? - Powerful UI tool for the team. All stakeholders can access a complete set of interactive prototypes, design systems, components, feedback loop and pixel designs. - Design and development collaborate for real. Penpot brings both code-ready design capabilities and the familiarity of developer...
    Downloads: 49 This Week
    Last Update:
    See Project
  • Train ML Models With SQL You Already Know Icon
    Train ML Models With SQL You Already Know

    BigQuery automates data prep, analysis, and predictions with built-in AI assistance.

    Build and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
    Start Free
  • 5
    Materialize

    Materialize

    Materialize, a web framework based on Material Design

    ...Our Components should work on nearly every device with a monitor. User-centric approach with many members all around the world, which helps bring Materialize forward and improve usability for everyone on the web. You can be a part too.
    Downloads: 12 This Week
    Last Update:
    See Project
  • 6
    Frontend Slides

    Frontend Slides

    Create beautiful slides on the web using Claude's frontend skills

    ...It also supports converting existing PowerPoint files into web-based presentations while preserving content such as images, text, and structure. The tool includes curated design presets that avoid generic AI-generated aesthetics, ensuring presentations feel distinctive and intentional. Its architecture uses progressive disclosure, loading only necessary components at each step to keep the workflow efficient and intuitive.
    Downloads: 4 This Week
    Last Update:
    See Project
  • 7
    MDUI

    MDUI

    Develop Material Design web applications

    MDUI is beautiful, lightweight, and easy to use, it makes it easier for you to develop Material Design web applications. 19 main colors, 16 accent colors, 1-night theme, just add a CSS class to toggle. And supports automatic theme switching according to the operating system theme. CSS is only 32KB and JavaScript is only 19KB, which loads faster. All developed in TypeScript with perfect type hints. Mobile-first, gradually expand from small screen to large screen, and finally, realize all screen adaptation. ...
    Downloads: 10 This Week
    Last Update:
    See Project
  • 8
    WhiteSur GTK Theme

    WhiteSur GTK Theme

    MacOS like theme for all gtk based desktops

    WhiteSur-gtk-theme brings a macOS Big Sur–inspired look to Linux desktops by providing a polished GTK theme with light and dark variants, rounded shapes, and refined translucency. It includes assets and installer scripts to apply the theme across GTK applications and desktop shells that support GTK theming, aiming for a cohesive, high-contrast interface. The project pays attention to details like window controls, titlebars, selection states, and widget hover effects so apps feel consistent...
    Downloads: 35 This Week
    Last Update:
    See Project
  • 9
    css-doodle

    css-doodle

    A web component for drawing patterns with CSS

    <css-doodle /> is based on Shadow DOM v1 and Custom Elements v1. You can use it on all major browsers right now without polyfills. The component will generate a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph. The limit is the limit of CSS itself. Download the latest version or include it directly from a CDN. You can also install it from npm and import the module in JavaScript. The syntax...
    Downloads: 9 This Week
    Last Update:
    See Project
  • Build Agents and Models on One Platform Icon
    Build Agents and Models on One Platform

    Everything you need to build production-ready agents and models. Access 200+ Google and third-party AI models and tools.

    Gemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
    Start Free
  • 10
    VARLET

    VARLET

    A Vue3 component library based on Material Design 2 and 3

    Varlet UI is a Material design component library developed based on Vue3, supporting mobile and desktop, developed and maintained by varletjs organization. Support Typescript, import on demand, dark mode, theme customization, internationalization, and provide VSCode plugin to ensure a good development experience.
    Downloads: 10 This Week
    Last Update:
    See Project
  • 11
    Dash

    Dash

    Build beautiful web-based analytic apps, no JavaScript required

    Dash is a Python framework for building beautiful analytical web applications without any JavaScript. Built on top of Plotly.js, React and Flask, Dash easily achieves what an entire team of designers and engineers normally would. It ties modern UI controls and displays such as dropdown menus, sliders and graphs directly to your analytical Python code, and creates exceptional, interactive analytics apps. Dash apps are very lightweight, requiring only a limited number of lines of Python or...
    Downloads: 3 This Week
    Last Update:
    See Project
  • 12
    DevExtreme Reactive

    DevExtreme Reactive

    Business React components for Bootstrap and Material-UI

    We've focused our energy on performance and best practices offered by the React team. Through immutability and pure React components, we apply ‘memoization’ and all built-in React optimizations to achieve outstanding performance. Fully control the Reactive component state and treat it as a pure view component. Effortlessly enable state persistence and time-traveling without side effects. To help you write less code, our components can also manage their state internally. DevExtreme Reactive...
    Downloads: 4 This Week
    Last Update:
    See Project
  • 13
    Vieb

    Vieb

    Vim bindings for the web by design

    Free, open source, fast and secure. Local first adblocking, auto-complete, AMP protection, custom redirects and more, all without web requests. Privacy with strict permission system, navigator overrides, custom useragent, custom WebRTC policy and more. Accessible with custom themes, full interface & fontsize scaling, page zooming, spellcheck and mouse support. Security settings with permissions, cache usage, cookie management, (auto-)download settings and more.
    Downloads: 7 This Week
    Last Update:
    See Project
  • 14
    BRAID

    BRAID

    Themeable design system for the SEEK Group

    Braid aims to make cross-brand UI development as fast as possible while maintaining a high level of quality and accessibility. In order to achieve this, Braid provides as a set of React components and CSS variable-based styling themes using vanilla-extract. As much as possible, we want Braid code to make sense to non-developers. We’re aggressively focused on the simplicity and composability of its API. Along with our work on Playroom, our goal is to empower designers and developers to...
    Downloads: 3 This Week
    Last Update:
    See Project
  • 15
    TypeUI DESIGN.md Extractor

    TypeUI DESIGN.md Extractor

    Chrome extension to extract styles from any website

    ...The project automatically transforms raw Markdown documents into styled, GitHub-like rendered pages with enhanced typography, syntax highlighting, and layout improvements. It is designed to make technical documentation, README files, notes, and markdown-based content easier to consume without requiring external viewers or conversion tools. The extension supports local files and web-hosted Markdown documents while maintaining lightweight performance and seamless browser integration. Its design prioritizes simplicity and developer-friendly aesthetics, offering a cleaner reading experience for documentation-heavy workflows. ...
    Downloads: 9 This Week
    Last Update:
    See Project
  • 16
    react-resizable-panels

    react-resizable-panels

    React components for resizable panel groups/layouts

    ...The library focuses on smooth interactions: dragging, double-clicking to reset, and keyboard resizing for users who rely on accessibility features. It also supports snapping, collapsed states, and layout persistence so your app can remember user preferences between sessions. Because the API is component-based, you can nest groups, render custom panel contents, and style handles to match your design system. Under the hood, it keeps measurement logic reliable across reflows and React 18 rendering patterns, making it suitable for IDE-like UIs, data dashboards, and inspector panes.
    Downloads: 4 This Week
    Last Update:
    See Project
  • 17
    Bootswatch

    Bootswatch

    Themes for Bootstrap

    ...Overall, Bootswatch is useful for teams that want polished Bootstrap styling, faster prototyping, and consistent visual options across web projects.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 18
    Gitit

    Gitit

    A wiki using HAppS, pandoc, and git

    Gitit is a wiki application written in Haskell that uses Happstack for serving and Pandoc for markup conversion. Wiki content and attachments are stored in Git, Darcs, or Mercurial repositories, allowing versioning via VCS or web editing. To run gitit, you'll need git in your system path. (Or darcs or hg, if you're using darcs or mercurial to store the wiki data.) Gitit assumes that the page files (stored in the git repository) are encoded as UTF-8. Even page names may be UTF-8 if the file system supports this. So you should make sure that you are using a UTF-8 locale when running gitit. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    Custom CSS and JS

    Custom CSS and JS

    Custom CSS Plugin for Visual Studio Code. Based on vscode-icon

    Custom CSS and JS is a Visual Studio Code extension that allows users to inject custom CSS and JavaScript into the editor interface, enabling deep visual and behavioral customization beyond what standard themes provide. The tool works by modifying VS Code’s internal styling system, allowing developers to override UI elements such as fonts, colors, spacing, and layout with their own stylesheets. This makes it possible to create highly personalized development environments tailored to...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 20
    GitFut

    GitFut

    Your GitHub stats, turned into a World-Cup-style player card

    GitFut is a playful web app that turns a GitHub profile into a World-Cup-style football player card. It scores a user out of 99 by reading live GitHub profile signals instead of asking for self-reported data. The project maps GitHub activity into football-style stats such as pace, shooting, passing, dribbling, defending, and physicality. It also assigns an overall rating, position, archetype, country flag, and card finish based on the shape and strength of the profile data. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    Java Design Patterns Website

    Java Design Patterns Website

    Next generation website for Java Design Patterns

    This project is the VuePress-powered web front end for the well-known “java-design-patterns” project, which documents classic and modern design patterns in Java. Its purpose is to present that large body of content as a browsable, fast, static website with organized navigation, search, and pattern categorization. Instead of reading patterns only in GitHub markdown, users can consume them in a more pleasant documentation format with sections, sidebars, and themed pages. The site structure...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    Best-of React Web

    Best-of React Web

    A ranked list of awesome React open-source libraries and tools

    This curated list contains 430 awesome open-source projects with a total of 5M stars grouped into 22 categories. All projects are ranked by a project-quality score, which is calculated based on various metrics automatically collected from GitHub and different package managers. If you like to add or update projects, feel free to open an issue, submit a pull request, or directly edit the projects.yaml.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    Kerach

    Kerach

    A Makeshift Text Shaderer

    A Makeshift Text Shaderer GitHub repository: https://github.com/Northstrix/kerach Check it out at: https://kerach.netlify.app/
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    Bauhaus File Card

    Bauhaus File Card

    A component with interactive border made using vanilla html/css/js

    Check it out at https://codepen.io/Northstrix/pen/WbeggyX
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    Dependency Finder
    Extracts dependencies and OO metrics from Java class files produced by most Java compilers. Computes API differences between versions. No source needed. Includes both Swing and command-line interfaces, with XSL stylesheets for formatting output.
    Downloads: 13 This Week
    Last Update:
    See Project