9 repository-uri
Collections of functional and interactive UI elements designed for web applications.
Distinct from Mobile Web Interaction Libraries: Covers a general library of interactive pieces (modals, navbars) rather than specific mobile-touch libraries
Explore 9 awesome GitHub repositories matching web development · Interactive Web Component Libraries. Refine with filters or upvote what's useful.
Flat-UI is a collection of responsive UI toolkits and CSS libraries used to build websites and interactive web components with a flat design aesthetic. It provides a responsive frontend toolkit and a web component library based on the Bootstrap framework to create adaptive layouts. The library focuses on implementing a consistent flat design through predefined hex color palettes and typography styles. It replaces standard browser elements with customized visual styles to remove skeuomorphic depth. The toolkit covers a broad range of interface capabilities, including customized form elements
Offers a variety of pre-styled interactive web components like toggle switches and range sliders.
TW-Elements is a Tailwind CSS component library and responsive UI kit providing a collection of pre-styled elements and templates. It functions as an interactive web element set and a customizable theme system for building website interfaces and landing pages. The project enables rapid frontend prototyping through a library of functional interface pieces, including modals, navigation bars, and forms. It provides a set of design blocks and sections specifically for creating mobile-first layouts. The library covers responsive web design and Tailwind CSS UI development. This includes the implem
Provides a library of functional interface pieces including modals, navigation bars, and forms for web applications.
Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const
Ships a comprehensive collection of interactive UI elements, including modals and form controls, for rapid frontend development.
Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int
Provides functional interface elements like modals, dropdowns, and navbars supporting both data attributes and programmatic control.
Magic MCP is a Model Context Protocol server and AI component generator that translates natural language descriptions into functional user interface code. It acts as an LLM design orchestrator, producing responsive web elements and layouts anchored on utility-first CSS styling patterns. The system features a side-by-side variation engine that generates multiple stylistic interpretations of a single prompt for comparative selection. It incorporates SVG-based asset integration for branding and iconography and utilizes template-based assembly to combine pre-defined style patterns with user-speci
Develops animated components and data visualizations with real-time previews to enhance interactivity.
eagle.js este un motor de prezentare bazat pe componente și un instrument web pentru construirea de slideshow-uri digitale interactive. Acesta funcționează ca un framework de slideshow-uri Vue.js care utilizează o arhitectură de componente pentru a gestiona ierarhiile de slide-uri și tranzițiile în browser. Sistemul se distinge prin suportul pentru ierarhii de prezentare imbricate, permițând slideshow-urilor să fie încorporate în alte slide-uri pentru a organiza informații complexe. Include un sistem de sincronizare cu fereastră dublă pentru un mod dedicat de prezentator, care separă un controller privat pentru notițele vorbitorului de afișajul public. Framework-ul oferă o gamă largă de capabilități interactive, inclusiv o bibliotecă de widget-uri pentru slide-uri, integrare funcțională de demo-uri live și un motor de teme personalizat pentru stilizarea vizuală. Navigarea este gestionată printr-o combinație de intrări de la tastatură, mouse și scroll, cu utilitate suplimentară pentru mărirea zonelor specifice ale slide-ului printr-un mecanism de zoom al conținutului.
Includes a library of embeddable widgets and components for adding live demos to web presentations.
Oat is a CSS variable-driven UI kit and semantic HTML component library that styles native HTML elements and attributes contextually, eliminating the need for CSS classes and reducing markup bloat. It provides a complete theming system where all visual properties are defined as CSS custom properties, allowing dark mode toggling and custom color themes by setting a single data attribute on the root element. The library delivers interactive UI elements as zero-dependency WebComponents that require no framework, build tool, or external library, while also offering declarative scroll animations t
Provides interactive UI elements as lightweight WebComponents requiring no framework or build tooling.
uillayouts is a comprehensive design system consisting of interactive components, responsive templates, motion-enhanced UI kits, and advanced visual effect toolkits. It provides a collection of accessible React UI components and pre-designed layout sections for landing pages. The project is distinguished by a specialized visual effects library and motion-driven components. It features high-performance graphical enhancements such as glassmorphism, mesh gradients, noise overlays, and SVG masking, alongside interactive elements that utilize physics-based animations and cursor-tracking effects.
Ships a set of motion-enhanced interactive components including carousels, sliders, and physics-based draggable interfaces.
This framework provides a comprehensive library of reusable, accessible UI components designed for server-side rendered web applications. It enables developers to build interactive interfaces by synchronizing state between the server and the browser, ensuring that markup and data remain consistent without requiring complex client-side logic. The project distinguishes itself through deep integration with artificial intelligence, offering tools that expose component schemas and interface definitions to coding assistants. This allows for automated discovery and implementation of UI elements, whi
Provides a collection of reusable, accessible UI components specifically designed for server-side rendered Phoenix LiveView applications.