Search Results for "component software"
Sort By:
Showing 78 open source projects for "component software"
View related business solutions-
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
Build Agents and Models on One PlatformGemini 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.
-
1
Material UI
Comprehensive React component library that implements Material Design
Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box. A meticulous implementation of Material Design; every Material UI component meets the highest standards of form and function. Start quickly with Material Design or use the advanced theming feature to easily tailor the components to your needs. CSS utilities allow you to move faster and make for a smooth developer experience when... -
2
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. -
3
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... -
4
React Native Snackbar
Material Design "Snackbar" component for Android and iOS
Material Design "Snackbar" component for Android and iOS. Supports custom colors, fonts, and languages. Snackbars are used to display a brief message to the user, along with an optional action. They animate up from the bottom of the screen and then disappear shortly afterward. -
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
5
Vibe Design System
Official monday.com UI resources for application development in React
Vibe Design System is monday’s official open source design system and UI library for building React applications that look and feel native to the platform. It bundles a set of React component packages, design tokens, and styling primitives that promote consistency in colors, typography, spacing, and interaction patterns. It includes comprehensive documentation, a component catalog, and an interactive playground so developers and designers can explore components, review guidelines, and... -
6
react-fullpage
Official React.js wrapper for fullPage.js
react-fullpage is the official React wrapper for fullPage.js, providing a component that brings full-screen, section-by-section scrolling layouts into React applications. The wrapper uses a render-prop API, where you pass a render function that receives component state and the fullpageApi, allowing you to build React JSX markup while delegating scroll behavior to fullPage.js under the hood. It is distributed in multiple formats, including a standard ES module and a UMD bundle, so it can be... -
7
Styled Components
Visual primitives for the component age
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress. Utilising tagged template literals (a recent addition to JavaScript) and the power of CSS, styled-components allows you to write actual CSS code to style your components. It also removes the mapping between components and styles, using components as a low-level styling construct could not be easier! Alternatively, you may use style objects. This allows for easy porting of CSS from... -
8
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... -
9
Carbon Design System
A design system built by IBM
Carbon is IBM’s open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors. The component libraries give developers a collection of reusable components for building websites and user interfaces. -
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
10
Vue-fullpage.js
Official Vue.js wrapper for fullPage.js
Vue-fullpage.js is the official Vue wrapper around the popular fullPage.js library, making it easy to build full-screen scrolling, section-based websites in Vue 3. It exposes a <full-page> component that encapsulates the underlying fullPage.js behavior, letting you declare each scrolling section as regular Vue markup while configuring options through a Vue props object. The wrapper supports installation via npm and works both with modern bundlers like Vite and as a browser-loaded module from... -
11
Ember Paper
The Ember approach to Material Design
This project aims to bring Google's new Material Design to Ember. The goal is to encapsulate everything possible in Ember components. This project is packaged as an Ember-cli addon. This should also automatically create an scss file under app/styles/app.scss with @import 'ember-paper'; and install ember-cli-sass. Sass is an important part of Ember-paper. Using sass you can override default variables and easily change the default behavior of ember-paper styles. All the components and styles... -
12
Next.js Landing Page Starter Template
Free NextJS Landing Page Template written in Tailwind CSS 3
Next.js Landing Page Starter Template is a production-oriented foundation for creating marketing websites with Next.js, TypeScript, and Tailwind CSS. It includes reusable sections for navigation, a hero area, product features, calls to action, and a footer. The template favors a minimal component structure that can be rebranded through centralized configuration, styles, images, and content files. SEO support includes metadata, Open Graph information, and JSON-LD structured data. Developer... -
13
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. Start building immediately, without worrying about detailed specs. SLDS lets you focus on the big picture to... -
14
Zynga Scroller
Accelerated panning and zooming for HTML and Canvas
Scroller, also known as Zynga Scroller, is a pure JavaScript logic component for accelerated scrolling and zooming. It is independent of any rendering layer, which means it can power interactions for DOM elements, Canvas interfaces, or other custom rendering systems. The library handles panning, deceleration, bouncing, paging, snapping, zooming, directional locking, and pull-to-refresh behavior. It can be controlled manually through an API or used through EasyScroller, a simplified... -
15
Lip Gloss
Style definitions for nice terminal layouts
Style definitions for nice terminal layouts. Built with TUIs in mind. Lip Gloss takes an expressive, declarative approach to terminal rendering. Users familiar with CSS will feel at home with Lip Gloss. The terminal's color profile will be automatically detected, and colors outside the gamut of the current palette will be automatically coerced to their closest available value. The terminal's background color will automatically be detected and the appropriate color will be chosen at runtime.... -
16
Fluent UI
Implements Microsoft's WinUI3 in Flutter
fluent_ui brings Microsoft’s Fluent Design System to Flutter, providing a comprehensive set of widgets that match the look and feel of Windows apps. It includes navigation patterns such as NavigationView, along with inputs, dialogs, menus, toolbars, and status elements crafted to Fluent’s layout and interaction guidelines. The package pays close attention to theming, typography, and control states, so hover, focus, pressed, and disabled behaviors feel native on desktop. It supports high-DPI... -
17
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... -
18
FlexColorScheme
A Flutter package to make and use beautiful color scheme based themes
Use FlexColorScheme to make beautiful Flutter Material Design themes. Apply optional surface blends, and use Material-3 style seeded color schemes. The returned themes are standard ThemeData objects, but very sophisticated ones. They are based on the same idea as Flutter's ThemeData.from(ColorScheme) and ThemeData(colorSchemeSeed) themes, but with many additional features. Choose from numerous pre-made designs or make your own. You can also use optional component sub theming, that are quick... -
19
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... -
20
Figma Code Connect
A tool for connecting your design system components
Figma Code Connect is an open-source tool that enhances collaboration between designers and developers by synchronizing design components with source code in real time. Instead of treating design files and codebases as separate artifacts, it creates a continuous link so when a designer updates a UI element in Figma, developers see corresponding code changes or annotations immediately, making handoffs more precise and frictionless. The system supports multiple frameworks and languages,... -
21
react-resizable-panels
React components for resizable panel groups/layouts
react-resizable-panels provides accessible, flexible split-view layouts for React without wrestling low-level pointer math yourself. It models layouts as “groups” of panels separated by resize handles, supporting horizontal or vertical orientation and mixed min/max constraints that prevent panels from collapsing unexpectedly. The library focuses on smooth interactions: dragging, double-clicking to reset, and keyboard resizing for users who rely on accessibility features. It also supports... -
22
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. -
23
ReacType
Prototyping Tool for exporting React/Typescript Applications!
ReacType is a rapid prototyping tool built on Electron that allows users visualize their application architecture dynamically, employing a drag-and-drop canvas display and an interactive, real-time component code preview that can be exported as a React app for developers employing React component architecture alongside the comprehensive type-checking of TypeScript. In other words, you can draw prototypes and export React / TypeScript code! After opening the dmg and dragging ReacType into... -
24
Bauhaus File Card
A component with interactive border made using vanilla html/css/js
Check it out at https://codepen.io/Northstrix/pen/WbeggyX -
25
SHADYX-UI
From Copy to Vibe
Created a customizable and developer-friendly UI component library that offers both static and animated reusable components for rapid web development.It simplifies UI building with pre-designed, responsive elements tailored for modern web apps. Tech Stack : Next Js, Tailwind Css, Framer Motion, Aceternity UI and Figma.