Showing 50 open source projects for "ui design"

View related business solutions
  • Try Google Cloud Risk-Free With $300 in Credit Icon
    Try Google Cloud Risk-Free With $300 in Credit

    No hidden charges. No surprise bills. Cancel anytime.

    Use your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
    Start Free
  • Gemini 3 and 200+ AI Models on One Platform Icon
    Gemini 3 and 200+ AI Models on One Platform

    Access Google's best plus Claude, Llama, and Gemma. Fine-tune and deploy from one console.

    Build generative AI apps with Vertex AI. Switch between models without switching platforms.
    Start Free
  • 1
    Berry Free React Material UI

    Berry Free React Material UI

    Berry free react material admin template for faster web development

    Berry is a free Material UI admin dashboard template built with React. It is meant to provide the best possible User Experience with highly customizable feature-rich pages. It is a complete Dashboard Template that has easy and intuitive responsive design whether it is viewed on retina screens or laptops.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 2
    Salesforce Lightning Design System

    Salesforce Lightning Design System

    Salesforce Lightning design system

    Ready-to-use HTML and CSS UI elements provide the foundation for Salesforce experience development. Visual design values and attributes that ensure branding and UI consistency at scale. Design principles and best practices that guide beautiful, consistent, user-friendly product experiences. Easy-to-use tools help all Trailblazers optimize workflows and bring Salesforce ideas to life.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 3
    GitHub Dark

    GitHub Dark

    Dark GitHub style

    ...Distributed as a CSS stylesheet intended for the Stylus browser extension, it applies a comprehensive palette, rebalances contrast, and refines syntax colors for code views to ensure readability in low-light settings. The project goes beyond simple inversion by thoughtfully adjusting backgrounds, borders, badges, and diff highlights so the UI feels native rather than “flipped.” It includes targeted fixes for edge cases across GitHub’s many subpages, aiming for consistency while preserving the information hierarchy of the original design. Users can apply the theme selectively, override variables, or combine it with other userstyles to fit personal preference. Even with GitHub’s own theme options, GitHub-Dark remains a carefully tuned alternative for people who want a specific aesthetic or more granular control.
    Downloads: 6 This Week
    Last Update:
    See Project
  • 4
    Chirpy Jekyll Theme

    Chirpy Jekyll Theme

    A minimal, responsive and feature-rich Jekyll theme

    A minimal, responsive and feature-rich Jekyll theme for technical writing.
    Downloads: 0 This Week
    Last Update:
    See Project
  • MongoDB Atlas runs apps anywhere Icon
    MongoDB Atlas runs apps anywhere

    Deploy in 115+ regions with the modern database for every enterprise.

    MongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
    Start Free
  • 5
    Synthwave ’84 (VSCode Theme)

    Synthwave ’84 (VSCode Theme)

    Synthwave inspired colour theme for VS Code

    synthwave-vscode is a visual theme extension for Visual Studio Code that gives the editor a retro, neon-drenched look reminiscent of 1980s synthwave aesthetics. It applies a dark base palette with bold accent colors, glowing highlights, and sharp contrasts to bring an edgy, stylized atmosphere to coding sessions. Syntax highlighting is tuned to balance readability with dramatic flair, ensuring code elements don’t get lost while preserving the cool visual vibe. The theme also includes...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6
    Bootstrap Simple Admin Template

    Bootstrap Simple Admin Template

    The most reliable HTML, CSS, and JavaScript simple admin template

    Bootstrap Simple Admin Template is a simple admin template packed with more UI components than any other admin themes, its exceptional user interface is perfectly crafted and advanced layout features are optimized to suit every modern web application project and highly responsive to serve from a Mobile-first to a Desktop screen.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 7
    Random Color

    Random Color

    A tiny script for generating attractive colors

    A color gen­er­a­tor for JavaScript. There are lots of clever one-lin­ers for gen­er­at­ing ran­dom col­ors. Unfortunately, this code nat­u­rally pro­duces murky greys, browns and greens. ran­dom­Color gen­er­ates at­trac­tive col­ors by de­fault. More specif­i­cally, ran­dom­Color pro­duces bright col­ors with a rea­son­ably high sat­u­ra­tion. This makes ran­dom­Color par­tic­u­larly use­ful for data vi­su­al­iza­tions and gen­er­a­tive art. Once you’ve in­cluded ran­dom­Color.js on your...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 8
    uix-kit

    uix-kit

    A free web kits for fast web design and development

    Uix Kit is not a framework, just a UI toolkit based on some common libraries for building beautiful responsive website. Uix Kit isn't a reusable component structure, mostly custom CSS and JavaScript based. Definitely interesting, and if you're developing mostly web content and not applications this is particularly useful. It is a web dev build tool/scaffold that does not depend on any framework. You can import any external libraries/frameworks or native ES Modules for production. The...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 9
    Element

    Element

    A Vue.js 2.0 UI Toolkit for Web

    Element is a component library based on Vue.js 2.0 that can be used by developers, designers and product managers to build products that are logically sound, well-structured and easy to use. Element uses BEM-styled CSS so you can easily change styles when you want to. There are four ways you can change style variables. You can use the online theme roller to customize design tokens and preview new themes in real-time. You can also use the theme preview website (for changing the theme color...
    Downloads: 1 This Week
    Last Update:
    See Project
  • Forever Free Full-Stack Observability | Grafana Cloud Icon
    Forever Free Full-Stack Observability | Grafana Cloud

    Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

    Built on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
    Create free account
  • 10
    Atropos

    Atropos

    Stunning touch-friendly 3D parallax hover effects

    Atropos is a lightweight, open-source JavaScript library designed to add visually striking 3D parallax and hover effects to webpage elements — giving a sense of depth and interactivity when users hover or touch elements (cards, images, UI components). It works not only with vanilla JavaScript, but also provides integrations or support for modern frameworks (React, Vue, Web Components, etc.), making it easy to incorporate into a variety of web projects. Because Atropos is very small (just ~2...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    git-wiki

    git-wiki

    A revolutionary full-featured wiki for github pages and jekyll

    Git-wiki is a modular and full-featured wiki powered by Git, GitHub/Gitlab Pages and pull requests! Component system with hooks that allows you to totally customize your wiki UI. Some nice internal themes to change your entire wiki UI with 1 simple configuration. You can download the entire wiki for offline usage and even navigate directly using a markdown reader. You can customize your wiki as you want with style sheets and even changing the layout.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    themer

    themer

    Takes a set of colors and generates themes for your apps

    themer takes a set of colors and generates themes for your development environment (editors, terminals, wallpapers, and more). Pass themer a color set, as many templates as you wish, and an output directory. Your generated theme files, as well as a README on how to install them, will be written to the output directory. themer can create themes from your custom color sets. Conventional color is suggested for consistency with ANSI color names in terminal themes, but is not a hard requirement....
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    CSS Theme Change

    CSS Theme Change

    Change CSS theme with toggle, buttons or select using CSS properties

    CSS Theme Change is a small utility for managing CSS theme toggling (such as light/dark mode) in web projects, designed to be lightweight, easy to integrate, and framework-agnostic. Instead of relying on heavy JavaScript frameworks or complex state management, it offers a simple API that listens to system preferences and UI interactions to swap theme classes or variables in real time. It can react to user toggles as well as automatically adapt to the user’s OS-level dark/light mode settings,...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    ScrollTrigger

    ScrollTrigger

    Let your page react to scroll changes

    The most basic usage of ScrollTrigger is to trigger classes based on the current scroll position. E.g. when an element enters the viewport, fade it in. You can add custom offsets per element, or set offsets on the viewport (e.g. always trigger after the element reaches 20% of the viewport) When using the callbacks ScrollTrigger becomes really powerful. You can run custom code when an element enters/becomes visible, and even return Promises to halt the trigger if the callback fails. This...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    Jekyll Dash

    Jekyll Dash

    Light and dark blog theme for Jekyll, inspired by Dash UI for Atom

    A dark and light theme for Jekyll, inspired by Dash UI for Atom. This theme for Jekyll has been inspired by dash-ui, a dark theme for Atom. Please keep in mind that GitHub Pages does only support a limited list of Jekyll plugins. You will be able to use this theme on Github Pages but some functionality might not be available, for example displaying tags. In order to use this theme to a full extend, you have to generate the _site separately via GitHub Actions.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 16
    Semantic UI

    Semantic UI

    UI framework designed for theming

    Semantic UI is partnered with popular frameworks React, Angular, Meteor, Ember and many others so you can easily integrate it and organize your UI layer with your application logic. Semantic UI comes with over 3,000 high level theming variables and just about every layout option you can think of, giving you complete design freedom. It also has over 50 UI components enabling you to build your entire site with just one stack and share your UI between a number of different projects.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 17
    Keen UI

    Keen UI

    A lightweight Vue.js UI library with a simple API

    Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design. Keen UI is not a CSS framework. Therefore, it doesn't include styles for a grid system, typography, etc. Instead, the focus is on interactive components that require Javascript. You should be able to use Keen UI with any page layout, structure, or CSS framework.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    React Color

    React Color

    Color pickers from Sketch, Photoshop, Chrome, Github, and Twitter

    13 different pickers, for Sketch, Photoshop, Chrome and many more. Make your own, use the building block components to make your own. Color controls what color is active on the color picker. You can use this to initialize the color picker with a particular color, or to keep it in sync with the state of a parent component. Pass a function to call every time the color is changed. Use this to store the color in the state of a parent component or to make other transformations. Pass a function to...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    iView

    iView

    A high quality UI Toolkit built on Vue.js

    iView is a high quality, open source UI Toolkit built on Vue.js, offering dozens of useful and beautiful components including fonts, icons, layouts, navigation and more. Each component has several options for you to choose from, giving you absolute freedom and choice to achieve the exact look you would like for your interface. iView also comes with a customizable default theme and a friendly API that's easy for people of any skill level. It's default language is Chinese but it does...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 20
    Support for MUI v4 or MUI v5

    Support for MUI v4 or MUI v5

    A chip input field using Material-UI

    After maintaining this project for over 3 years, we chose not to add support for MUI v4+ since it would require significant changes and there is already a built-in chip input. The same component is also available for MUI v5, and there are some alternatives like mui-chips-input. This is our collection of such components. Every component is maintained in its own repository and published as independent npm package. This way, we hope to give every component the amount of love and care it...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    pagePiling.js

    pagePiling.js

    Create a scrolling pile of sections

    Pile your sections one over another and access them scrolling or by URL! Customizations of the plugin are available upon request for some reasonable price. Suggestion are more than welcome, not only for feature requests but also for coding style improvements. Let's make this a great plugin to make people's lives easier! pagePiling.js is fully functional on all modern browsers, as well as some old ones such as Internet Explorer 8, 9, Opera 12, etc. It works with browsers with CSS3 support and...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    Granim.js

    Granim.js

    Create fluid and interactive gradient animations

    Create fluid and interactive gradient animations with this small javascript library. Lets you customize the direction of the gradient with pixels or percentage values. You can use more than 2 colors for the gradients, but cannot have different length of colors in the different states. Complete configuration with two states, an image and callbacks set. Granim will emit events you can listen to at key moments. How the image should blend with the gradient? You can see all the possible values on...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    Packery

    Packery

    Gapless, draggable grid layouts

    Packery is a JavaScript library and jQuery plugin that makes gapless and draggable layouts. It uses a bin-packing algorithm to fill in empty gaps. Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in a specific spot, or dragged around. It’s perfect for draggable dashboard and seamless Masonry image galleries. If you want to use Packery to develop commercial sites, themes, projects, and applications, the Commercial license is the...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    kodeWeave

    kodeWeave

    HTML/CSS/JS and Markdown Playground For Web Designers and Developers

    kodeWeave is a realtime coding playground for HTML, CSS and Javascript. Similar to JSFiddle and JSBin, but kodeWeave was made to work offline but also as a prototyping application to build applications for desktop operating systems while on mobile devices. (PhoneGap Build is recommended for mobile devices) kodeWeave similar to jsfiddle, jsbin, dabblet, liveweave, codepen, cssdeck, cssdesk, tinkerbin, d3 playground, plunker and pastebin, but allows you to export your web app as a desktop...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 25
    pretty-checkbox.css

    pretty-checkbox.css

    A pure CSS library to beautify checkbox and radio buttons

    A pure CSS library to beautify checkbox and radio buttons. Download from yarn or npm. These are simple checkboxes with three shapes. Add class p-switch. For shapes add class, p-outline or p-fill or p-slim. There are five colors. Can be used as Solid ( p-primary ) or Outline ( p-primary-o ). You can add any font icons to replace basic checkbox styles. There are two classes to be added. First, p-icon to .pretty. Then add icon class along with font icon classes inside .state. This library...
    Downloads: 0 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • 2
  • Next
MongoDB Logo MongoDB