Showing 53 open source projects for "fb2k-component"

View related business solutions
  • 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
  • Go from Code to Production URL in Seconds Icon
    Go from Code to Production URL in Seconds

    Cloud Run deploys apps in any language instantly. Scales to zero. Pay only when code runs.

    Skip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
    Try it free
  • 1
    Material UI

    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.
    Downloads: 15 This Week
    Last Update:
    See Project
  • 2
    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: 5 This Week
    Last Update:
    See Project
  • 3
    ReacType

    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 your Applications folder, ctrl+click the icon and select 'Open' from the context menu to run the app. ...
    Downloads: 5 This Week
    Last Update:
    See Project
  • 4
    Styled Components

    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!
    Downloads: 7 This Week
    Last Update:
    See Project
  • 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
  • 5
    DevExtreme Reactive

    DevExtreme Reactive

    Business React components for Bootstrap and Material-UI

    ...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 Components are built of plugins. Add and deploy only those features you require or extend the built-in functionality with your own (or third-party) custom plugins. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6
    Vibe Design System

    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 experiment with layouts before using them in production. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 7
    react-fullpage

    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 used in projects with or without a modern build step. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 8
    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 9
    Carbon Design System

    Carbon Design System

    A design system built by IBM

    ...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.
    Downloads: 4 This Week
    Last Update:
    See Project
  • Full-stack observability with actually useful AI | Grafana Cloud Icon
    Full-stack observability with actually useful AI | 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
    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. Start building immediately, without worrying about detailed specs. SLDS lets you focus on the big picture to...
    Downloads: 8 This Week
    Last Update:
    See Project
  • 11
    MDUI

    MDUI

    Develop Material Design web applications

    ...Does not rely on any third-party library, saves network traffic, makes loading faster, and improves user experience. Use CSS3 to do animation interaction, smooth and efficient, and make the animation of web applications smoother. MDUI includes more than 20 components, and each component can be adapted to different themes. You only need to know a little basic knowledge of HTML, CSS, JS to use MDUI.
    Downloads: 7 This Week
    Last Update:
    See Project
  • 12
    Vue-fullpage.js

    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 a CDN, so you can integrate it in many different project setups. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    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: 6 This Week
    Last Update:
    See Project
  • 14
    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
  • 15
    Ember Paper

    Ember Paper

    The Ember approach to Material Design

    ...Using sass you can override default variables and easily change the default behavior of ember-paper styles. All the components and styles are ready to use in your application templates. Navigate through the docs to understand how to use each component.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 16
    Figma Code Connect

    Figma Code Connect

    A tool for connecting your design system components

    ...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, enabling teams to generate usable code snippets, style values, and component metadata from visual designs without manual translation. This approach reduces miscommunication and repetitive tasks that traditionally occur between design and engineering teams, speeding up iteration cycles while preserving fidelity to the original design intent. It can be integrated into development environments or build tooling so design updates automatically propagate into code patterns or UI specs.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 17
    FlexColorScheme

    FlexColorScheme

    A Flutter package to make and use beautiful color scheme based themes

    ...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 and easy to configure. When you theme a Flutter application correctly, all built-in widgets use the colors of the ColorScheme in your theme. At least in theory, and it is almost so if you defined your ThemeData by using the ThemeData.from factory, but it misses a few details. This applies in particular when you use Material-2 design in Flutter, which is the default. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    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: 0 This Week
    Last Update:
    See Project
  • 19
    SHADYX-UI

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    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. ...
    Downloads: 3 This Week
    Last Update:
    See Project
  • 21
    ConceptBase.cc

    ConceptBase.cc

    A Database System for Metamodeling and Method Engineering

    ConceptBase.cc is a multi-user deductive and object-oriented database system for metamodeling and method engineering. Includes a graphical client that builds upon the logic-based features of the ConceptBase.cc server. The data model is O-Telos. ConceptBase.cc can represent information at the data level (example data, traces of process executions etc.), the class level (schemas, process definitions etc.), the metaclass level (constructs of modeling languages), the meta-metaclass level...
    Leader badge
    Downloads: 51 This Week
    Last Update:
    See Project
  • 22
    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
  • 23
    OverCASE

    OverCASE

    A cross-platform integrated CASE system

    ...) • Offers ideological and conceptual integrity across all facilities. By adapting a new approach to CASE tool architecture (integration at repository level and developing a component-based CASE system instead of a monolithic tool) an entirely new species of tools can be brought into a useful existence – an integrated environment where all project-related activities can be performed efficiently.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    react-native-progress

    react-native-progress

    Progress indicators and spinners for React Native

    ...This approach ensures that progress indicators scale cleanly across different screen densities and sizes while remaining smooth and visually appealing. The library is designed to be simple to use: developers import the specific progress component they need and pass props like progress, indeterminate, size, and styling options. It supports both determinate progress (showing a specific fraction completed) and indeterminate spinners for ongoing tasks with unknown duration. Because it is MIT-licensed and widely used, it has become a common choice in React Native projects for loading states, file uploads, and task progress displays.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    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.
    Downloads: 1 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • 2
  • 3
  • Next
MongoDB Logo MongoDB