Search Results for "ui components" - Page 5
Sort By:
Showing 261 open source projects for "ui components"
View related business solutions-
MongoDB Atlas runs apps anywhereMongoDB 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.
-
Enterprise-grade ITSM, for every businessFreshservice is an intuitive, AI-powered platform that helps IT, operations, and business teams deliver exceptional service without the usual complexity. Automate repetitive tasks, resolve issues faster, and provide seamless support across the organization. From managing incidents and assets to driving smarter decisions, Freshservice makes it easy to stay efficient and scale with confidence.
-
1
SVGR
Transform SVGs into React components
React supports SVG out of the box, it's simpler, easier and much more powerful to have components instead of SVG files. Wrapped in a React component, your SVG is inlined in the page and you can style it using CSS. SVGR differs from other library by its solid architecture. It uses svg-parser + Babel to transform SVG code into JavaScript code. A whole directory can be processed, all SVG files (matching .svg or .SVG) are transformed into React components. It is possible to target React Native... -
2
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 KB minified + gzipped) and has zero dependencies, it's ideal for performance-conscious applications and does not bloat bundle size. ... -
3
Evergreen
Evergreen React UI framework by Segment
Evergreen is a React UI Framework for building ambitious products on the web. Brought to you by Segment. Evergreen contains a set of polished React components that work out of the box. Evergreen components are built on top of a React UI Primitive for endless composability. Evergreen features a UI design language for enterprise-grade web applications. Evergreen contains a set of polished React components that work out of the box. -
4
Chakra UI Vue
Build scalable and accessible Vue.js applications with ease.
Build scalable and accessible Vue.js applications with ease. Chakra UI Vue gives you a set of accessible and composable Vue components that you can use to build your favorite applications and sites. Chakra UI strictly follows WAI-ARIA standards. All components come with proper attributes and keyboard interactions out of the box. Quickly and easily reference values from your theme throughout your entire application, on any component. -
8 Monitoring Tools in One APM. Install in 5 Minutes.AppSignal works out of the box for Ruby, Elixir, Node.js, Python, and more. 30-day free trial, no credit card required.
-
5
AdminKit
AdminKit is a free & open-source HTML dashboard & admin template
A professional Admin & Dashboard template based on Bootstrap 5 that comes with hundreds of UI components, forms, tables, charts, pages and icons. AdminKit does not require jQuery and neither does one of the 3rd party libraries AdminKit is using. Customizable: You don't need to be an expert to customize AdminKit. Our code is very readable and well documented. With mobile, tablet & desktop support it doesn't matter what device you're using. -
6
DashWind
Free admin dashboard template using Daisy UI, React js and Tailwind
This is a free admin dashboard template that uses Daisy UI and React JS. It has fully customizable and themeable CSS CSS and is powered by Tailwind CSS utility classes. Additionally, it comes with a redux toolkit and other libraries already set up. -
7
Onsen UI
Mobile app development framework and SDK
The most beautiful and efficient way to develop HTML5 hybrid and mobile web apps. Experience streamlined development with zero-time setup, using the technologies you already know and love, Javascript, HTML and CSS. A rich variety of UI components specially designed for mobile apps. Onsen UI provides tabs, side menu, stack navigation and tons of other components such as lists and forms. They all have iOS and Android Material design support, with automatic styling that will change the appearance of the app based on the platform. With Onsen UI you can truly support both Android and iOS with the same source code. ... -
8
React Rainbow
React Rainbow Components. Build your web application in a snap
...We know how important it for you is to test your UI. Our npm package provides a webdriver.io page object for almost every component. Our components are test infected. We like to test our components as much as possible. -
9
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. -
Go From AI Idea to AI App FastAccess Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
-
10
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. -
11
XP.css
A CSS framework for building faithful recreations of operating system
This library relies on the usage of semantic HTML. To make a button, you'll need to use a button. Input elements require labels. Icon buttons rely on aria-label. This page will guide you through that process, but accessibility is a primary goal of this project. -
12
LuLu UI
Cross-end and cross-framework native UI component library
...The whole project of LuLu is to provide JS and CSS of some UI components, very pure JS and CSS, close to native, simple and straightforward, plug and play. LuLu UI supports the direct import of CSS and JS file addresses, which are common to all themes. LuLu UI is built based on native HTML features, so when using it, the HTML is still the original HTML, and the CSS is still the original CSS. -
13
Golden Layout
A multi window layout manager for webapps
Golden Layout is a JavaScript layout manager designed for building complex, multi-panel web applications with draggable and resizable components. It enables developers to arrange UI elements into flexible layouts that can be dynamically reconfigured by users through drag-and-drop interactions. The system is particularly useful for dashboards, IDE-like interfaces, and data-heavy applications where multiple panels need to coexist and be rearranged. Golden Layout manages component positioning, visibility, and resizing through a structured layout tree, allowing precise control over how elements are displayed. ... -
14
Pure.css
A set of small, responsive CSS modules that you can use
...If you decide to only use a subset of these modules, you'll save even more bytes. Pure builds on Normalize.css and provides layout and styling for native HTML elements, plus the most common UI components. It's what you need, without the cruft. Pure is responsive out of the box, so elements look great on all screen sizes. Pure has minimal styles and encourages you to write your application styles on top of it. It's designed to get out of your way and makes it easy to override styles. By using Grids, Menus, and more, it's easy to create beautiful responsive layouts for all screen sizes. ... -
15
graphql-react
A GraphQL client for React using modern context and hooks APIs
graphql-react is a lightweight GraphQL client for React that emphasizes efficiency and simplicity. It provides built-in caching, request deduplication, and declarative data fetching without the complexity of larger GraphQL clients. -
16
Material Kit 2
Free and Open Source UI Kit for Bootstrap 4, React, Vue.js,etc.
Material Kit is a Free Bootstrap 5 UI Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy-to-use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project. -
17
Material Design
Material design for AngularJS
AngularJS Material is an implementation of Google's Material Design Specification (2014-2017). This project provides a set of reusable, well-tested, and accessible UI components for AngularJS developers. AngularJS Material has entered the Long Term Support (LTS) period. The AngularJS Material library is a mature and stable product that is ready for production use. Developers should note that AngularJS Material works only with AngularJS 1.x. AngularJS 1.x is now in Long Term Support (LTS) mode, so, current development efforts are focused on bug fixes, accessibility, performance, and minor enhancements. ... -
18
AngularJS
AngularJS - HTML enhanced for web apps
...AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade/Pug and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding. To help you structure your application better and make it easy to test, AngularJS teaches the browser how to do dependency injection and inversion of control. -
19
OpenSourceWeb
An open-source release of previously closed-source Farweb
This archive liberates Farweb’s previously closed-source SS13 web interface under GPLv3/AGPLv3. Originating from Baystation12’s Luna, it provides webhooks, UI elements, and infrastructure for SS13 community sites. -
20
Advanced React & GraphQL
Starter Files and Solutions for Full Stack Advanced React and GraphQL
...The projects show how to connect a React front end to a GraphQL API, model data, and implement features such as pagination, permissions, and image/file handling. You’ll see how reusable UI primitives, styled components, and form patterns come together to speed up development. The course emphasizes developer experience—environment variables, debugging tips, deployment steps—so students can ship confidently. By the end, learners understand not only how to build features but how to structure a codebase that is maintainable and scalable. -
21
React Most Wanted
React starter kit with "Most Wanted" application features
React Most Wanted is a set of starter kits, tools, features, and best practices that you can choose from and use around your React projects. Choose from 3 different starter kits. From a basic one to a full-featured application. You start easy like with every other template but you can also update the template parts over time. And with the updates you don't only update the components but also get new features and bug fixes. Every template is a collection of very carefully picked packages and... -
22
vue-content-loader
SVG component to create placeholder loading
vue-content-loader provides SVG “skeleton screen” components for Vue applications, letting you show animated placeholders that mimic your layout while real content loads. Skeletons reduce perceived waiting time and help prevent layout shifts by reserving space for images, text blocks, and cards. The library exposes composable, declarative shapes so you can approximate your final UI without pixel-perfect templates. -
23
Draggabilly
Make that shiz draggable
...It supports features such as axis locking, containment boundaries, and event callbacks, giving developers control over how elements behave during interaction. Draggabilly is commonly used in interactive UI components, dashboards, and design tools where draggable elements enhance usability. It is also compatible with modern browsers and integrates easily with other JavaScript frameworks. Overall, it provides a clean and reliable solution for implementing drag interactions on the web. -
24
vue2-happyfri
Learning-oriented app that recreates a mobile food-ordering experience
vue2-happyfri is a learning-oriented Vue 2 application that recreates a mobile food-ordering experience to demonstrate how to structure a real-world single-page app. It shows how to compose UI from reusable components, wire up routing between views, and manage shared state for carts, users, and menus. The project emphasizes responsive, touch-friendly interactions and small polish details—like transitions, toasts, and loading states—that make the app feel production-ready. It includes examples of fetching and normalizing data, handling asynchronous flows, and keeping UI reactive to server responses. ... -
25
Flux
Application architecture for building user interfaces
Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow. It's more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code. Flux applications have three major parts: the dispatcher, the stores, and the views (React components). These should not be confused with Model-View-Controller. Controllers do exist...
