@chakra-ui/system
Chakra UI system primitives
Found 469 results for ui-component
Chakra UI system primitives
The customizable, extendable, lightweight, and fully free React Table Component
Beautiful, smooth animations for theme switching in React applications. Features Circle, Blur Circle, and QR Scan animations with TypeScript support.
Dead simple Hamburger Menu to use as a mobile nav, with a bunch of styling options.
A modern, responsive React DataTable component for React applications. Supports sorting, filtering, pagination, and customizable columns — ideal for building interactive, data-driven interfaces that look great on any screen size.
Open source CSS framework for data visualization.
Customizable, smooth, and snappy typing animations for React — built for natural, human-like effects with minimal config.
A modern, lightweight, and customizable toast notification library for Angular 18+ with signals, zoneless support, and standalone components
DevUI components based on Vite and Vue3
A beautiful, customizable cron expression builder component for React, built with shadcn/ui design patterns
Flexible, highly customizable React Spinner component for AristoByteUI. Supports multiple variants, sizes, and animation types, designed for seamless integration with modern React projects and monorepos.
Yamada UI core
A fully typed, customizable Switch/toggle component for React with multiple sizes, variants, label alignments, and optional icons. Built to integrate seamlessly with AristoByteUI design tokens and SCSS modules.
A Vue 3 package that enables a pull-to-refresh experience for touch screens.
AristoByteUI Label component: a reusable, styled label for forms and UI elements.
A fully-typed, lightweight Anchor component for AristoByteUI with ripple effect support, multiple variants, and seamless integration with SCSS modules and design tokens.
AristoByteUI Card component: a versatile container for displaying content and UI elements.
Modern React gradient and solid color picker with complete dark theme support, built with TypeScript and Tailwind CSS
A lightweight, high-performance virtual list component for Svelte 5 that renders large datasets with minimal memory usage. Features include dynamic height support, smooth scrolling, TypeScript support, and efficient DOM recycling. Ideal for infinite scrol
AristoByte UI — the complete suite of reusable, production-ready React components with built-in design tokens, accessibility, and theming. Install this package to get the full library in a single dependency.
React component for @specy/liquid-glass - A Three.js powered library to make apple's liquid with glass effect
A React component that provides a custom overlay scrollbar with smooth animations and auto-hide functionality
A clean, modern, and feature-rich JavaScript calendar component with zero dependencies. Responsive design and intuitive navigation.
A papery checkbox for react native
A video component for react inspired by the ios video player
A highly customizable React component for image selection, upload, and delete with progress indicators and responsive design
Simple toaster in vanilla JavaScript for modern browsers.
React component for liquid glass effect
A customizable credit card form component for React Native with card flip animation and validation
A powerful React image editor component with crop, filter, annotate, and sticker features
NinaChat component - A complete React Native chat component with authentication, onboarding, and location services
A lightweight and multivariant React UI library built with customization and consistency in mind
Missing React, typescript NPM library creation template
A bottom bar component of responsive-ui.
A card component of responsive-ui.
Swipeable FlatList for React Native
A bottom modal component of responsive-ui.
An action sheet component of responsive-ui.
A button component of responsive-ui.
An accordion component of responsive-ui.
A comprehensive React component library featuring toast notifications, customizable buttons, and typography components built with TypeScript and Tailwind CSS.
An app bar component of responsive-ui.
A bottom sheet component of responsive-ui.
A notification bell component of responsive-ui.
A lightweight, zero-dependency toast notification library with CTA support for modern JavaScript applications with production-grade reliability and comprehensive system mechanisms
Beta: Calendar Web Component
This package provides a hassle-free way to implement a Loom player in your React application. By utilizing this package, you can easily embed Loom videos with various configuration options.
A switch component of responsive-ui.
A table component of responsive-ui.
A couple of simple components for displaying content with pan and zoom capabilities.
A production-ready, highly customizable and reusable table component for Next.js applications. Features include sorting, pagination, search, dark mode, TypeScript support, and zero dependencies.
A tab component of responsive-ui.
A search component of responsive-ui.
A ellipsis component of responsive-ui.
A show more component of responsive-ui.
A responsive and customizable Angular image slider.
A horizontal scroll component of responsive-ui.
A carousel component of responsive-ui.
A quantity component of responsive-ui.
A poster component of responsive-ui.
A column component of responsive-ui.
A label component of responsive-ui.
A tag component of responsive-ui.
A input number component of responsive-ui.
A textarea component of responsive-ui.
A tooltip component of responsive-ui.
A dock component of responsive-ui.
A Vue 2 JSON Schema based form editor component with TypeScript support
A modal component of responsive-ui.
A floating action button component of responsive-ui.
A docker component of responsive-ui.
A drawer component for the modern web.
A chip component of responsive-ui.
A icon component of responsive-ui.
GITS Card Component
A header component of responsive-ui.
A modern Angular country selector component with flags, search, and Material Design
Shiflo React UI Components
A simple and fully customizable dropdown component that implements a select input with bottomlist and also provides a bottomSheet out of the box.
Modern, responsive, and modular CSS framework.
A reusable React chat widget for Model Context Protocol (MCP) interactions
Production-ready React form component for Inertia.js
---
An Angular bundle of components for toggling in a simple and customizable way
A React component library for building interactive pivot tables focused on data analysis and visualization. Perfect for creating in-house analytics dashboards and ad-hoc data exploration pages.
A highly customizable and feature-rich tab navigation component for React Native (Expo) applications with multiple variants, themes, and comprehensive customization options.
react native ui
A lightweight, customizable React scrollbar component with TypeScript support, accessibility features, and cross-browser compatibility
React Native component for enabling drag functionality within mobile apps.
Quill Editor Vue Component
Morpheme Stats Component
Apple's Liquid Glass effect implementation for Vue 3 + Nuxt 3. A liquid glass component with real-time displacement mapping, chromatic aberration, and glassmorphism effects.
a Web Design Language
Morpheme Banner Component
Morpheme Progress Bar Component
A responsive, customizable and accessible Angular carousel.
Morpheme Text Component
Modern chat widget with lazy socket connection for optimal performance and user experience
Morpheme Spinner Component
A lightweight, customizable text animation library for creating smooth scrolling text effects with support for React, Next.js, Angular and vanilla JavaScript
Morpheme Themes
Morpheme Container Component
made with ❤️ by Mohamed Majri
A highly customizable and interactive button component for React Native applications
Morpheme Bottom Sheet Component
Shimmer Component / Loading Animation
Morpheme Progress Circular Shell Component
````markdown # react-native-checkbox
Morpheme Button Component
Morpheme Stepper Component
A fully customizable, reusable mentor/chat interface component built with React, Next.js, and TypeScript
Morpheme UI Tailwind Plugin
Menus component for Vue.js
Morpheme Logo Component
Vue specific wrapper for @kwc-elements/calendar
Morpheme Autocomplete
Vue Rating Component
Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications
Morpheme Bottom Navigation Component
Morpheme Tooltip Component
Morpheme Application Shell Component
Morpheme Divider Component
Morpheme Timeline Component
A React component to show a visualization of execution plan.
Vue Multi Select Component
Morpheme Modal Component
Morpheme Form Component
Morpheme DataTable Table Component
Vue Navigation Drawer Component
Morpheme layout Component
Morpheme Dropdown Component
Morpheme Vue Switch
Morpheme Collapsible Component
Morpheme Rich Text Editor Component
Morpheme Breadcrumbs Component
A React Native component for Spark UI
Morpheme List Component
Toast component for Vue 3
Vue Select Component
Morpheme Popover Component
A sleek, high-performance Loader component designed for seamless integration into both React and React Native/Expo applications.
⚡️ ReScript bindings for @chakra-ui/react
Morpheme Command Menu Component
Morpheme Navbar Component
A Vue 3 component library for building forms with Element Plus.
Morpheme Tabs Component
Morpheme Avatar
Simple hamburget button
A modern React chat interface for Google's Agent Development Kit (ADK) as a reusable web component
Morpheme Alert - a flexible Vue alert component that can be used to display various types of messages to the user.
Morpheme Pagination Component
A reusable flexbox component for Svelte
Morpheme Menu Component
A react native calendar component which is mainly intended for applications which require Ethiopian calendar.
Morpheme Badge
A modern, customizable React color picker component library with 8-digit HEX alpha support
A powerful, feature-rich Angular tree component with expand/collapse, search, lazy loading, and selection capabilities
Morpheme Card Component
GITS Pages Component
A date picker UI component displays year in Republic Era or Common Era
🚀 A production-ready React dropzone component with smart defaults, drag & drop reordering, chunked uploads, resume functionality, and comprehensive provider support (Cloudinary, AWS S3, Supabase)
A Cron expression UI component based on Vue3 and Ant Design Vue
Spline Hana Viewer for Wappler App Connect - Embed interactive 2D scenes with animations and event handling
Leaflet layer controler bar
A lightweight, customizable popup menu component for React with built-in CSS styling and TypeScript support. Features automatic positioning, smooth animations, and responsive design for modern web applications.
A powerful React cascading dropdown component with multi-selection, search functionality, and hierarchical navigation. Perfect for building category selectors, dependent dropdowns, and nested menu systems with TypeScript support.
WeTix svelte UI components
🚀 Fully customizable React WhatsApp floating button component with TypeScript support, dark mode, notifications, and seamless WhatsApp integration for modern web applications
GITS Form Group Component
A Three.js powered library to make apple's liquid with glass effect
GITS Checkbox Component
Knowmax Generic list with basic CRUD support with Fluent V9 user interface implementation.
React QL input component with intelligent autocomplete, parameterized functions, and query validation. Framework-independent with zero external dependencies.
GITS Pagination Component
A comprehensive Svelte 5 Persian/Jalali DateTime picker component with multi-calendar support (Jalali, Gregorian, Hijri), multiple selection modes (single, range, multiple), and extensive customization options
GITS Textarea Component
GITS Alert component is a flexible alert component that can be used to display various types of messages to the user.
Vue幸运大转盘组件
St. Peter reusable and customizable login UI component
A customizable typewriter effect component for React with GSAP animations
A powerful React Native gradient button component with support for gradient borders, text, and customizable styles. Perfect for creating beautiful, modern UI elements with minimal effort.
React幸运大转盘组件
A customizable React component for displaying countdowns with various options and styling with types.
A React component for switching between light and dark themes
A fully customizable React chatbot component with interactive setup wizard, perfect for Contentstack integration and headless CMS applications. Features dynamic theming, AI integration support, and plug-and-play implementation.
A simple component of modal
Vue红包雨组件
Advanced Angular select component library with search, multi-select, and Bootstrap styling support
An Angular component for toggling menus in a simple and customizable way
React红包雨组件
Vue JS wrapper for Charts CSS
A React component which extracts colors from an image
✨ Fast, custom cross-platform folder picker and creator for VS Code with icons, validation, and instant navigation. 🎨
A React/Next.js library for AI assistant widget with floating button, voice call, and chat functionality
Store module for @morpheme/toast.
GITS Badge Component
Interactive **SVG maps of India and its states** with zoom, pan, hover tooltips, and click events. Built with **React + TypeScript**.
A simple project showcasing reusable dropdown menus and an image carousel.
Lightweight package for creating flexible tables in React Native.
DiceBear Avatar Generator component for Wappler App Connect - Generate beautiful, customizable avatars dynamically using the DiceBear API. Supports 27+ avatar styles, data binding, loading states, and more.
simple datepicker which has both Jalali and Gregorian date support
Ajuste de READ.ME
Angular webchat component library for SocialCRM
Morpheme Pages Component
Angular webchat component library for AI Octopus
A mantine mobile/phone input component with country code
Morpheme Services
GITS Form Component
phaser.io UI component library for use in browser games using the Phaser3 game engine
A super lightweight, zero dependency date picker, written in vanilla JS
A React-based rich text editor component library for Carbonio applications, built on top of TinyMCE
An Angular component for toggling theme in a simple and customizable way
**WARNING: this is a very early alpha version with limited components. More components will be added in the future.**
GITS Button Component
GITS Radio Component
A customizable React ChatBot component with Socket.IO support - Tailwind v4 compatible
Chakra xui system primitives
Stream React trees recursively, LLM-style progressive rendering.
A beautiful, customizable, and accessible confirmation dialog component for React applications with built-in support for Tailwind CSS and Bootstrap.
A powerful and flexible modal form component for Taro.
VentaBot24 - Asistente de ventas inteligente 24/7 para e-commerce. Reduce mensajes de WhatsApp y aumenta conversiones con IA especializada para PyMEs venezolanas.
GITS List Component
React components based on The Legend of Zelda: Breath of the Wild game
GITS Spinner Component
Vue Multi Select Component
React uikit button component with different styles.
A draggable modal component with boundary support for React and Next.js
Stream-able and resumable SVG component, built with Qwik
A React component for creating interactive images with clickable points and information cards connected by lines. Enhanced with improved modal, better performance, and enhanced interactivity.
CSS mixins for Qwik UI components in @ipohjs
Production-ready React table component for Laravel + Inertia.js with built-in pagination, sorting, and seamless server-side integration
Quill Editor Vue Component
A customizable social media post component for React applications that mimics popular social media feeds with features like likes, comments, and image galleries.
The sidebar component of responsive-ui
An Angular bundle of components for toggling a state in a simple and customizable way
A React library for creating interactive Tamagotchi-style digital pets with customizable features and orange-themed gameplay.
Sharable typings used in @ipohjs/webui
A customizable React tab component with no built-in CSS.
GITS Tooltip Component
An intuitive slide selector web component for modern apps. Offers smooth navigation, icon support, and flexible configuration for a seamless user experience.
GITS Vue Switch
A dynamic table library with backend-driven configuration
A React-based rich text editor built as a wrapper over Meta's Lexical library.
Vue Navigation Drawer Component
SolidJS wrapper for Plotly.js – reactive and performant charts powered by Plotly, built for Solid.
GITS Autocomplete Component
GITS Stats Component
Vue Rating Component
A sleek, modern React Native component that brings Apple's iOS 26 Liquid Glass design language to your mobile apps
Sleek and minimal toast notifications.Auto-dismiss with a progress bar. Customizable icons and colors by type. Works out of the box with Vanilla JS.