Search Results for "component" - Page 4
Sort By:
Showing 278 open source projects for "component"
View related business solutions-
$300 Free Credits to Build on Google CloudPut 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.
-
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
react-markdown-editor-lite
A light-weight Markdown editor based on React
A light-weight(20KB zipped) Markdown editor of React component. Supports TypeScript. Supports custom markdown parser. Full markdown support. Supports pluggable function bars. Full control over UI. Supports image uploading and dragging. Supports synced scrolling between editor and preview. -
2
react-chessboard
The React Chessboard Library used at ChessOpenings
React-Chessboard is a React component for rendering an interactive chessboard. It provides an easy way to integrate chess functionality into web applications with support for move validation and animations. -
3
Tambo
Add generative UI components to your AI assistant, copilot, or agent
...The library includes tools to scaffold a Tambo app, manage state, and integrate with its backend protocol (Model Context Protocol, or MCP). Developers use Tambo to shift UI logic toward the AI model: instead of hardcoding UI flows, the AI can decide what component to show next. Tambo also supports streaming updates (i.e. progressively rendering UI) and embedding interactions between LLM outputs and front-end state. -
4
TWC
Create reusable React + Tailwind CSS components in one line
...Components retain editor autocomplete and can adapt their Tailwind classes according to incoming props. The asChild option allows existing classes to be reused while rendering another component or element. TWC works with standard and custom components, including environments that use React Server Components. Built-in compatibility with tailwind-merge and class-variance-authority makes it suitable for design systems that need concise, composable, and type-friendly styling. -
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
5
NG-ZORRO
Angular UI Component Library based on Ant Design
An enterprise-class Angular UI component library based on Ant Design, all components are open source and free to use under MIT license. An enterprise-class UI design language for Angular applications. 60+ high-quality Angular components out of the box. Written in TypeScript with predictable static types. The whole package of development and design resources and tools. -
6
react-native-pager-view
React Native wrapper for the Android ViewPager and iOS
This component allows the user to swipe left and right through pages of data. Under the hood it is using the native Android ViewPager and the iOS UIPageViewController implementations. See it in action! This library supports both architectures (Paper and Fabric). If you would like enable new architecture. This library supports new architecture! -
7
React-Ace
React Ace Component
A set of react components for Ace. -
8
Storybook
The UI component explorer, develop, document, & test React, Vue, etc.
Storybook is an open-source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation. Storybook provides a sandbox to build UIs in isolation so you can develop hard-to-reach states and edge cases. Implement components and pages without needing to fuss with data, APIs, or business logic. Render components in key states that are tricky to reproduce in an app. Save use cases as stories in plain JavaScript to revisit during development,... -
9
Copperhead
Hardware as fast as software
...It works directly with existing KiCad repositories instead of generating isolated mockups or diagrams. A full creation workflow can turn a product brief into specifications, architecture, component selection, schematics, an initial PCB layout, Gerber files, firmware scaffolding, and a development plan. The agent can also modify existing designs through natural-language change requests. It reads and edits real KiCad schematic and PCB files while maintaining Markdown design documents as persistent project memory. Changes are propagated across related artifacts so documentation and hardware files remain synchronized. ... -
Host LLMs in Production With On-Demand GPUsDeploy your model, get an endpoint, pay only for compute time. No GPU provisioning or infrastructure management required.
-
10
Remotion
Make videos programmatically with React
...Instead of traditional timeline editors, Remotion leverages HTML, CSS, and JavaScript to define video frames, animations, and transitions, which means developers can use states, props, loops, and component hierarchies to automate complex motion graphics. Because it integrates with the React ecosystem, Remotion fits naturally into modern front-end stacks and tooling, and can produce dynamic content like personalized videos, dashboards, and data-driven animations with the same code used to build interactive web apps. The framework supports exporting to standard video formats, audio synchronization, frame callbacks, and powerful tooling for previewing and debugging, so teams can iterate quickly and reliably. -
11
Canvas UI
A library of creative canvas components
...Unsupported browsers automatically fall back to standard WebGL overlays so the interface continues working. Components are available for React, Solid, Preact, Vue, Svelte, and vanilla JavaScript. Each component ships as editable source through a shadcn-compatible registry with typed properties and practical defaults. The library is built for developers who want expressive visual effects without replacing accessible, interactive HTML. -
12
sdk-js
JavaScript / TypeScript SDK for building Astrid OS capsules
sdk-js is a JavaScript and TypeScript SDK for building Astrid capsules. It gives developers a way to create capsule binaries that match the same WIT contract, WASI P2 Component Model output, and archive format used by the Rust SDK. The project is designed so the Astrid runtime can treat capsules the same regardless of whether they were built in JavaScript, TypeScript, or Rust. Its developer experience is shaped around familiar JavaScript patterns such as Node-style file APIs, WHATWG conventions, and event-driven behavior. ... -
13
Nuxt UI
A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS
Nuxt UI simplifies the creation of stunning and responsive web applications with its comprehensive collection of fully styled and customizable UI components designed for Nuxt. Choose a primary and a gray color from your Tailwind CSS color palette. Components will be styled accordingly. Change the style of any component in your App Config or customize them specifically through the ui prop. Choose any of the 100k+ icons from the most popular icon libraries with the Icon component or the icon prop. Nuxt UI comes with a set of Vue composables to easily handle keyboard shortcuts in your app. -
14
ngx-toastr
Angular Toastr
Toast Component Injection without being passed ViewContainerRef. No use of ngFor. Fewer dirty checks and higher performance. AoT compilation and lazy loading compatible. Component inheritance for custom toasts. SystemJS/UMD rollup bundle. Animations using Angular's Web Animations API. Output toasts to an optional target directive. Put toasts in a specific div inside your application. -
15
React Content Loader
SVG-Powered component to easily create skeleton loadings
Tool to easily create your animated skeleton-screen components, replacing usual loading and delivering better experiences for users, giving a wireframe of your pages like placeholders boxes for content and images. Supports React, React Native, Vue, and vanilla HTML. Using react-content-loader or a skeleton screen, you can show users that it’s almost done and something is happening. You can use any SVG shapes to create the loader elements. It’s easy to create an animated placeholder, which... -
16
React & Redux in TypeScript
The complete guide to static typing in "React & Redux" apps
React Redux TypeScript Guide is a comprehensive reference for building strongly typed React and Redux applications with TypeScript. It focuses on maintaining complete type safety while minimizing redundant annotations and manual type declarations. The guide explains React component types, hooks, events, context, higher-order components, and Redux-connected components. It demonstrates how type inference and control-flow analysis can keep application types concise and maintainable. Redux sections cover actions, reducers, selectors, asynchronous flows, middleware integrations, and store typing. A bundled playground project provides working examples that readers can clone and experiment with in a real TypeScript environment. -
17
React Lifecycle Methods diagram
Interactive React Lifecycle Methods diagram
React Lifecycle Methods Diagram is an interactive educational visualization of React component lifecycle methods. It is based on a lifecycle diagram originally shared by Dan Abramov and was rebuilt as a React web application. The diagram organizes methods according to when they run during component mounting, updating, and unmounting. Clicking a method opens its corresponding official React documentation for deeper reference. -
18
React Native RAG
Private, local RAGs. Supercharge LLMs with your own knowledge base
...It is also extensible, allowing teams to implement their own interfaces when they need custom model or storage behavior. React Native RAG supports multiple integration styles, including a simple hook, a class-based API, and direct component usage. Its main value is giving React Native apps a privacy-friendly way to combine local knowledge retrieval with on-device AI workflows. -
19
React Native Wallet
React Native module for adding payment cards
...The package is useful for fintech apps, expense platforms, banking products, corporate card tools, and payment experiences. Its main value is simplifying a complex native wallet integration into a reusable React Native component and module. -
20
Valtio
Valtio makes proxy-state simple for React and Vanilla
...It allows you to manage mutable state through normal JavaScript objects, while providing React hooks (useSnapshot) and subscription utilities to create optimized component re-renders and state observation. It uses ECMAScript Proxies and supports deep state tracking, making state mutation intuitive and powerful without sacrificing performance or compatibility with React's concurrency model. -
21
Saas UI
The React component library for startups, built with Chakra UI
Build intuitive apps that your customers will love. Saas UI is a React component library and starterkit that doesn't get in your way and helps you build intuitive SaaS products with speed. Saas UI ships with an extensive set of foundational and advanced components that cover a wide range of use-cases. Carefully crafted to reduce boilerplate code without sacrificing flexibility. Get started for free with 40+ open source components. -
22
Naive UI
A Vue 3 Component Library. Fairly Complete. Theme Customizable
Naive UI is a comprehensive component library built specifically for Vue 3, designed to provide a large set of ready-to-use UI components with strong TypeScript integration and modern performance optimizations. The library includes more than 90 components covering a wide range of interface needs such as forms, data displays, navigation elements, and feedback components, allowing developers to build complex applications efficiently. -
23
Ant Design X
Experimental Ant Design extensions for advanced UI patterns
Ant Design X is an experimental extension project built around the Ant Design ecosystem, focusing on exploring advanced user interface patterns and next-generation component designs. It serves as a space for prototyping and validating ideas that go beyond the core Ant Design library, allowing developers to experiment with more complex interactions and layouts. Ant Design X emphasizes flexibility and extensibility, enabling developers to adapt components to modern application needs. It often includes higher-level abstractions and enhanced UI capabilities that are not yet part of the stable design system. ... -
24
electron-builder
A complete solution to package and build a Electron app
A complete solution to package and build a ready-for-distribution Electron, Proton Native app for macOS, Windows and Linux with “auto update” support out of the box. You can use electron-builder only to pack your electron app in a AppImage, Snaps, Debian package, NSIS, macOS installer component package (pkg) and other distributable formats. Build and publish in parallel, using hard links on CI server to reduce IO and disk space usage. Docker images to build Electron app for Linux or Windows on any platform. Downloads all required tools files on demand automatically (e.g. to code sign windows application, to make AppX), no need to setup. ... -
25
Reshaped
Professionally crafted React & Figma components
Reshaped is a professionally crafted design system and component library that bridges design and development by combining React components with a synchronized Figma library. It is designed to help teams build scalable, consistent user interfaces by providing a shared source of truth between designers and developers. The library includes a wide range of production-ready components, from basic inputs and buttons to more complex elements such as tables, calendars, and data visualization tools. ...
