Best Component Libraries in Germany - Page 3

A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. Utility classes help you work within the constraints of a system instead of littering your stylesheets with arbitrary values. They make it easy to be consistent with color choices, spacing, typography, shadows, and everything else that makes up a well-engineered design system. Because Tailwind is so low-level, it never encourages you to design the same site twice. Even with the same color palette and sizing scale, it's easy to build the same component with a completely different look in the next project. Tailwind automatically removes all unused CSS when building for production, which means your final CSS bundle is the smallest it could possibly be. In fact, most Tailwind projects ship less than 10kB of CSS to the client.

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications. Chakra UI strictly follows WAI-ARIA standards for all components. Designed with composition in mind. Compose new components with ease. We're a team of active maintainers ready to help you whenever you need. Guaranteed to boost your productivity when building your app or website. Chakra UI strictly follows WAI-ARIA standards for all components. Customize any part of our components to match your design needs. Designed with composition in mind. Compose new components with ease. Optimized for multiple color modes. Use light or dark, your choice. Guaranteed to boost your productivity when building your app or website. We're a team of active maintainers ready to help you whenever you need. An experience you'd expect from a design system.

The Vega-Altair open-source project is not affiliated with Altair Engineering, Inc. With Vega-Altair, you can spend more time understanding your data and its meaning. Altair’s API is simple, friendly and consistent and built on top of the powerful Vega-Lite visualization grammar. This elegant simplicity produces beautiful and effective visualizations with a minimal amount of code. The key idea is that you are declaring links between data columns and visual encoding channels, such as the x-axis, y-axis, color, etc. The rest of the plot details are handled automatically. Building on this declarative plotting idea, a surprising range of simple to sophisticated plots and visualizations can be created using relatively concise grammar.

Embeddable .NET library for running workflows in .NET applications with integrated HTML5 graphical workflow designer. Designer allows you to easily create interactive workflows of any complexity, there’s no need to draft them programmatically. Workflow Engine is a backbone solution for business process management (BPM) which makes it feasible to automate the workflow design by using low-code visual builders. It is based on the .NET framework and JavaScript libraries. Workflow Engine enables workflow processing and correct integration by providing a graphic designer to create process workflow schemes and at the same time, this software component facilitates the management, execution, and visualization of workflow processes. Integration with solutions based on other technologies or databases is roughly the same and should not entail any difficulties. Workflow Engine offers its users all the components necessary to implement workflows of any complexity.

​React Aria is a library of unstyled React components and hooks that help you build accessible, high-quality UI components for your application or design system. It provides components for common UI patterns, with accessibility, internationalization, interactions, and behavior built in, allowing you to focus on your unique design and styling rather than rebuilding these challenging aspects. React Aria has been meticulously tested across a wide variety of devices, interaction modalities, and assistive technologies to ensure the best experience possible for all users. React Aria is style-free out of the box, allowing you to build custom designs to fit your application or design system using any styling and animation solution. Each component is broken down into individual parts with built-in states, render props, and slots that make styling a breeze. All components are extensively tested using many popular screen readers and devices.

​Ariakit is an open source library featuring unstyled, primitive components designed to help developers build accessible web applications with React. It provides a collection of styled examples that can be copied and pasted into applications. Ariakit's components are designed with accessibility in mind, supporting features like keyboard navigation and screen reader compatibility. It also offers integration examples with tools like Next.js App Router and React's useTransition for building responsive and accessible UIs. Developers can explore the documentation, component guides, and API references to get started.

From the creators of Radix, Material UI, and Floating UI, Base UI is an unstyled React component library for building accessible user interfaces. Our focus is on accessibility, performance, and developer experience. Our goal is to provide a complete set of open-source UI components, with a delightful developer experience, in a sustainable way. Features: - Headless: Base UI components are unstyled, don’t bundle CSS, and don’t prescribe a styling solution. - Accessible: Poor accessibility can make your application difficult to navigate for all users, not just for users with disabilities. - Composable: Component APIs are fully open, so you have direct access to each node, you can easily add or remove parts, and you can wrap them however you prefer.

Kibo UI is a custom registry of composable, accessible, and open source components designed for use with shadcn/ui. Built with technologies like React, TypeScript, Tailwind CSS, Lucide, and Radix UI, Kibo UI offers a suite of functional and fully composable components that developers can build, customize, and extend to their specific needs. It includes a variety of components such as a color picker, an image zoom feature, a QR code generator, code blocks with syntax highlighting and copy-to-clipboard functionality, and a dropzone for drag-and-drop file uploads. Additionally, Kibo UI provides precomposed and animated blocks to help developers get their apps and websites up and running quickly. Examples include an AI chatbot interface and a collaborative canvas for real-time online collaboration. It also offers a pricing page template with a list of plans and features, emphasizing simplicity and transparency.

Refine is an open source React-based framework designed for building data-intensive web applications such as admin panels, dashboards, and internal tools. Its headless architecture provides developers with complete control over UI and business logic, enabling seamless integration with various UI frameworks. Refine offers a zero-configuration setup, allowing developers to initiate projects swiftly using the create refine-app CLI tool. It supports over 15 backend services, including REST APIs, GraphQL, Supabase, Strapi, NestJS CRUD, Hasura, Appwrite, Firebase, and Airtable, facilitating rapid development of CRUD operations. It incorporates advanced features such as real-time data handling, authentication and authorization mechanisms, internationalization (i18n), audit logging, and customizable routing with support for Next.js and Remix.

Toolpad Core is a self-hosted, low‑code internal tool builder tailored for full-stack and back-end developers, empowering them to craft admin interfaces, dashboards, and CRUD apps using drag‑and‑drop visuals while retaining full code control. Built on MUI's robust React component ecosystem, integrating MUI Core and X libraries, it offers a Postman‑like query builder for REST APIs, the ability to import custom React components, and smooth integration with Node.js backends, eliminating the need for boilerplate API wiring. Toolpad operates entirely locally, storing configuration in version-control–friendly files and giving developers the freedom to extend from low‑code prototypes to production‑grade features using JavaScript and TypeScript. With deep alignment to React, TypeScript, Next.js, and local IDE workflows, Toolpad bridges the gap between rapid UI assembly and maintainable, production-ready development.

Tambo is an open source AI orchestration framework focused on React front-end apps, letting developers build rich, generative UI assistants that respond to natural language. With Tambo, you register React components and tools once, and the system handles when and how to display UI components (forms, dashboards, charts, etc.), manage state, and call APIs/tools as needed. It supports features like message-thread history, streaming UI/content, suggested actions, authentication, and integration with Model Context Protocol (MCP) servers for context or external data. There’s a pre-built component library to accelerate development (e.g., control bars, message threads, generative forms), CLI tools, hosting via Tambo Cloud, and self-hosting options. Plans range from a free tier (with message/usage limits and community support) to paid tiers that offer higher message volumes, team seats, SSO/RBAC, SLAs, observability, and more.

Fluree is an immutable RDF graph database written in Clojure and adhering to W3C standards, supporting JSON and JSON-LD while accommodating various RDF ontologies; it boasts a scalable, cloud-native architecture utilizing a lightweight Java runtime, with individually scalable ledger and graph database components, embodying a "Data-Centric" ideology that treats data as a reusable asset independent of singular applications, underpinned by an immutable ledger that secures transactions with cryptographic integrity, alongside a rich RDF graph database capable of various queries, and employs SmartFunctions for enforcing data management rules, including identity and access management and data quality.

Clarity is a scalable, customizable, open source design system bolstered by the people that build with it, the people we build it for, and the community that makes us who we are. Our toolkit is Figma. Every component, pattern, and guideline we ship is rooted in real customer interactions. As a result, you can rely on Clarity for 30+ components and over 200 icons so you can focus on product-specific user problems. The first folx that built Clarity from scratch were a scrappy team of developers, designers, and content creators. Clarity has continued to grow on that strong start by supporting the big three: Angular, React and Vue. Our latest Core components provide support for them all. Clarity provides code examples and detailed API documentation that guide you as you build your next application.

From v1.0.0, the library is rewritten in Typescript and ES6 completely. The giant and old jQuery plugin doesn't exist anymore. With the new plugin-based architecture, the library has really small core. Everything else is built around as a plugin. Each file in the dist/css and dist/js folders has two versions: the normal code in the .css, .js files, and the minified code in the .min.css, .min.js files. In order to reduce the page loading time and enhance the user experience when visiting your site, you should use the .min.css, .min.js files in the production website. Meanwhile, in the development mode, you should use the normal files without .min part to debug the code more easy.

Imageio is a Python library that provides an easy interface to read and write a wide range of image data, including animated images, volumetric data, and scientific formats. It is cross-platform, runs on Python 3.5+, and is easy to install. Imageio is written in pure Python, so installation is easy. Imageio works on Python 3.5+. It also works on Pypy. Imageio depends on Numpy and Pillow. For some formats, imageio needs additional libraries/executables (e.g. ffmpeg), which imageio helps you to download/install. If something doesn’t work as it should, you need to know where to search for causes. The overview on this page aims to help you in this regard by giving you an idea of how things work, and - hence - where things may go sideways.

React SDK to add quality tours, checklists, and announcements to your product. It comes with beautiful web components and APIs. Frigade makes it easy to manage multiple versions of onboarding across staging and production. Revisit previous versions of onboarding to see how they performed. Frigade automatically tracks state management and onboarding progress. Give your team full observability into the customer journey, and use Frigade to kick off automated workflows. Lightweight CMS built-in to update and test onboarding copy and content.

Jspreadsheet is a robust full-stack JavaScript data grid solution that directly integrates the functionality and user-friendly experience of spreadsheet applications like Excel and Google Sheets into your web applications. It offers a smooth, efficient user interface, enabling batch actions, table manipulation, and a host of other features that ensure flawless compatibility between your web application and Excel/Sheets. This familiar environment enhances productivity, simplifies user adoption, and minimizes the need for extensive training. Jspreadsheet is a comprehensive solution designed to meet a variety of application requirements in spreadsheet and data management for web platforms. It optimizes workflow development, streamlines process automation, and facilitates the smooth transition of tasks from Excel to the web. Additionally, Jspreadsheet provides a wide range of extensions to address diverse needs within the data grid and spreadsheet ecosystem, making it a versatile choice.

pandas is a fast, powerful, flexible and easy to use open source data analysis and manipulation tool, built on top of the Python programming language. Tools for reading and writing data between in-memory data structures and different formats: CSV and text files, Microsoft Excel, SQL databases, and the fast HDF5 format. Intelligent data alignment and integrated handling of missing data: gain automatic label-based alignment in computations and easily manipulate messy data into an orderly form.Aggregating or transforming data with a powerful group by engine allowing split-apply-combine operations on data sets. Time series-functionality: date range generation and frequency conversion, moving window statistics, date shifting and lagging. Even create domain-specific time offsets and join time series without losing data.

Write the backend and frontend of a feature in a single component and let the framework decide where the code should run. Nullstack provides you with all the tools you need to stay focused on the product. On the first render, you'll get SEO-ready HTML optimized for the first paint of your route in a single request using local functions with zero JavaScript dependencies in the client bundle. After the content is served and the network is idle Nullstack JavaScript is loaded, the state of the application is restored through hydration and it becomes a single-page application. Subsequent server functions will fetch JSON from an automatically generated microservice API, deserialize the response, update the application state, and rerender the page out of the box. A full stack lifecycle combined with a feature-driven mindset allows you to write clean and reusable code without the need to create APIs manually.

Seaborn is a Python data visualization library based on matplotlib. It provides a high-level interface for drawing attractive and informative statistical graphics. For a brief introduction to the ideas behind the library, you can read the introductory notes or the paper. Visit the installation page to see how you can download the package and get started with it. You can browse the example gallery to see some of the things that you can do with seaborn, and then check out the tutorials or API reference to find out how. To see the code or report a bug, please visit the GitHub repository. General support questions are most at home on StackOverflow, which has a dedicated channel for seaborn.

Velt is a full-stack collaboration SDK that enables developers to embed rich, real-time, and asynchronous collaboration features into web applications with minimal effort. With Velt, you can add contextual comments (à la Figma or Google Docs), live presence indicators, shared editing, “follow me” view modes, and Slack/Meet-style huddles (audio, video, screen sharing). Velt also offers built-in Loom-style recording (screen, camera, or audio), complete with AI-powered transcription and auto-summaries, so users can leave video or voice feedback and later search or scrub to relevant bits. Additional collaboration tools include in-app notifications, mentions, reactions, arrows/highlights for annotation, analytics dashboards for tracking engagement, and flexible UI components you can style to match your app’s branding. It handles all the complexity, real-time syncing, conflict resolution (via CRDTs), offline handling, scaling, and optional self-hosting.

MUI offers a comprehensive suite of UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components. Build at an accelerated pace without sacrificing flexibility or control. Every component you need is ready for production. Build beautiful UIs with ease. Start with Google's Material Design, or create your own sophisticated theme. Our components are as flexible as they are powerful. You always have full control over how they look and behave. We believe in building for everyone. That's why accessibility is one of our highest priorities with every new feature we ship. Find out why MUI's tools are trusted by thousands of open source developers and teams around the world. Get a growing list of components, ready-to-use, free forever, and with accessibility always in mind. We've built the foundational UI blocks for your design system so you don't have to.