30 open-source projects similar to youneslaaroussi/ui-buttons, ranked by shared indexed features. Tags may describe platforms or build tools rather than the same primary purpose. Check each project’s use case, license, and deployment requirements before treating it as a replacement.
This project is a curated collection of galleries and component libraries that demonstrate pure CSS visual effects, 3D transforms, animation patterns, and layout solutions. It serves as a visual catalog of interactive UI elements and graphics built exclusively with HTML and CSS. The collection distinguishes itself by implementing complex interactivity, such as state management and animation triggers, using only CSS pseudo-classes and keyframes without any JavaScript. It also features a system for generative art and algorithmic patterns, as well as spatial 3D constructions using perspective an
Magic of CSS is a structured tutorial series that teaches web developers advanced CSS layout, typography, and animation techniques through hands-on examples. The course covers the full spectrum of CSS capabilities, from foundational box model and positioning concepts to sophisticated animation and interactive state management, all without relying on JavaScript. The series distinguishes itself by teaching practical, real-world CSS patterns such as inline-block justified grids, percentage-based absolute positioning, table-display vertical centering, and letter-span styling techniques. It demons
Hover is a collection of pre-defined CSS3 animations and reusable stylesheets for links, buttons, and images. It serves as a web UI animation kit and a library of styles written in CSS, Sass, and LESS to provide visual feedback when a user hovers over an element. The library includes specialized interactive effects that simulate tactile behaviors, such as page curls and the rendering of speech bubbles. It also provides a set of animation primitives to manipulate backgrounds, borders, shadows, and glow effects to simulate depth and elevation. The project covers a wide range of element motion
Buttons is a CSS button framework and UI component library providing a set of reusable visual elements for mobile and desktop web environments. It functions as a CSS utility system and variable-driven theming engine that enables the creation of consistent buttons using configurable typography and shapes. The system utilizes a modular CSS architecture where independent style and color classes are composed on single elements to produce varied visual effects, such as 3D or flat designs. It employs a declarative design framework that maps configuration options to real-time visual attributes via c
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.
This project is a JavaScript UI component library and frontend utility toolkit. It serves as a web modal framework and popup library, providing a specialized system for rendering interactive dialogs, overlays, and layered interfaces over web page content. The library is distinguished by its comprehensive set of overlay tools, including alert dialogs, confirmation prompts, and the ability to embed external content via iframes. It also features a responsive twelve-column grid system for cross-device layout compatibility and an internal modular dependency management system for on-demand loading
XUI is a native Android UI framework and component library designed for building application interfaces. It provides a comprehensive suite of native layouts, input fields, and navigation elements, supported by a tiered theme management system for defining global visual attributes and responsive styles. The framework distinguishes itself through a specialized set of custom views and interaction toolkits, including high-performance calendars, data visualization rendering, and a variety of stylized buttons with integrated timers and visual effects. It also includes integrated media processing ca
AniJS is a JavaScript animation library and DOM element animation engine used to orchestrate visual transitions and motion effects on HTML elements. It functions as a tool for composing animated web components, such as modals and menus, to improve the visual flow of user interfaces. The library utilizes a declarative approach to web interface animation, allowing for the application of visual styling and motion effects without requiring manual code for every transition. It enables the creation of interactive UI components that respond to user actions through a system of triggered element anima
Papercss is a CSS UI framework and document-style design system used to build responsive web page layouts. It functions as a Less-based CSS library that applies a paper-like aesthetic and structured typography to give web pages the appearance of physical documents. The project also incorporates a utility-first CSS library model for rapid styling. The framework is distinguished by its ability to automate visual decorations, such as applying rotating border styles and shadow effects to child elements. It utilizes a Less-based variable system and modular stylesheet compilation, allowing users to
This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib
HyperUI is a dependency-free collection of responsive HTML layouts and pre-styled components designed for various web domains. It functions as a Tailwind CSS component library where users integrate standalone HTML snippets via a copy-paste distribution model to avoid package installation and framework overhead. The library features one-click markup copying from a pre-built component gallery. It includes specialized design systems, such as high-contrast neobrutalist styling with heavy borders, and visual tools for generating dark mode color palettes and harmonic typography scales. The compone
Animate UI is an animated UI component library and motion-enhanced design system. It provides a collection of pre-animated interface elements and layout primitives used to build interactive web user interfaces. The library is integrated with the Model Context Protocol, making it an MCP compatible component set that allows AI coding tools to automatically discover and implement its components. It also functions as an accessibility-aware animation framework that respects system-level reduced motion settings. The system covers a broad range of interactive visual effects, including animated typo
vue-bits is a Vue component library and animated UI kit providing a collection of pre-built interface elements and text effects. It functions as a source-code distribution system for adding motion and interactivity to web pages. The project includes a command line installer that enables the targeted extraction of specific component source code directly into a local project directory. This CLI-driven approach allows for the integration of UI elements without relying on traditional package installation. The library covers animated UI development and frontend component management, using prop-dr
Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca
Material Kit is an open-source UI component library that provides pre-styled Material Design elements for building responsive web interfaces with Bootstrap 5. It offers a collection of reusable components like buttons, inputs, navbars, cards, and modals that follow Google's Material Design guidelines, along with a 12-column flexbox grid system for fluid layouts that adapt to any screen size. The kit distinguishes itself by including pre-built page sections such as headers, feature blocks, pricing tables, and footers that can be combined into complete page layouts, reducing the time needed to
BongoCat is a cross-platform desktop utility that provides real-time visual feedback for keyboard and mouse activity. It functions as an interactive companion that renders an animated character on the screen, which reacts dynamically to user inputs. The application operates entirely offline, ensuring that all input processing remains local to the user environment without external network dependencies or data collection. The software distinguishes itself through a flexible asset-based rendering system that allows users to import and apply custom character designs. By intercepting low-level inp
Vue Storefront is a composable commerce platform designed to decouple the presentation layer from backend systems. By providing a headless frontend framework, it enables developers to build high-performance, mobile-first digital storefronts that remain independent of specific commerce engines, payment providers, or content management systems. The platform distinguishes itself through a modular architecture that uses standardized integration adapters to aggregate data from disparate services into a unified layer. This approach allows businesses to modernize legacy infrastructure or manage comp
This project is a Tailwind CSS landing page template and responsive marketing website kit. It serves as a React frontend starter providing a set of pre-designed marketing layouts and components for rapid website development. The kit includes an animated UI component library featuring scroll-triggered transitions and dynamic visual effects. It provides themed page templates and design source files for creating marketing sites, professional portfolios, community portals, admin dashboards, and technical documentation sites. The codebase covers a broad range of interface capabilities, including
CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li
Stellar.js is a JavaScript parallax library and scroll-based motion framework used to coordinate DOM element positioning and CSS transforms. It functions as a positioning tool that calculates real-time coordinate shifts for background images and foreground items based on scroll triggers. The library utilizes a CSS transform animation engine to ensure movement is hardware-accelerated on both mobile and desktop browsers. It creates depth effects by applying different movement speeds to elements relative to the natural scroll rate. The framework covers a range of motion capabilities, including
Animsition is a CSS page transition library and frontend motion framework designed to create fluid visual effects, such as fades and zooms, between web pages. It functions as a DOM navigation animator that manages the timing and sequence of page removal and insertion to provide continuous movement between screens. The system operates as a page overlay animator, utilizing a coordinate-based slide controller to move covering elements across the screen in specific directions. These overlays mask background changes during transitions to maintain visual continuity. The framework leverages hardwar
Flukit is a suite of functional toolkits for Flutter, providing animation wrappers, layout debugging tools, scroll interaction kits, and a library of reusable UI components and visual utilities. The project distinguishes itself through a dedicated layout debugging tool for inspecting parent constraints and capturing system logs directly within the interface. It also provides specialized animation wrappers for rotating, scaling, and sliding child components and a scroll interaction kit that includes pull-to-refresh mechanisms, carousel swipers, and flexible sliver headers. The library covers
Layui is a web UI component library, frontend layout framework, and CSS asset optimizer. It provides a collection of pre-styled visual elements and layout patterns used to build browser-native web interfaces. The framework enables the composition of structured web pages through standardized design assets and CSS components. It includes tools for compressing stylesheets and resolving imports to improve loading speeds across different web browsers. The library covers web UI development and frontend layout composition, facilitating rapid interface prototyping by assembling functional frontends
Motion Primitives is an animated UI kit and React animation component library designed as a web motion framework. It provides a collection of pre-built, customizable visual components used to implement complex interface animations and transitions within a browser environment. The library focuses on animated user interface design and frontend visual polish. It enables the development of interactive web components and rapid UI prototyping by providing reusable primitives that handle motion effects without requiring custom logic from scratch. The framework integrates Framer Motion for physics-b
AdminLTE is a responsive dashboard framework and component library used to build administrative control panels and internal application backends. It provides a collection of HTML and CSS templates based on the Bootstrap 5 framework to create standardized layout systems for web interfaces. The project includes specialized application page templates for common administrative views, such as kanban boards, calendars, and chat interfaces. It also features built-in support for visual theme adaptations, including native dark mode and right-to-left layouts. The library covers a range of UI developme
The Windows Community Toolkit is a collection of reusable UI controls, helper functions, and app services designed to accelerate development for Universal Windows Platform (UWP) applications on Windows 10. It provides a library of XAML-based controls and components that handle common interaction patterns, enabling developers to build apps that run across PC, Mobile, Xbox, IoT, and HoloLens devices with consistent adaptive layouts. The toolkit is distributed as NuGet packages for straightforward integration into .NET projects, and it includes a companion sample app that demonstrates control be
Jetstream is an application scaffold for Laravel that provides a pre-built identity system and team collaboration framework. It serves as a starter kit that integrates user authentication, profile management, and organizational tools into a unified project structure. The project is distinguished by its comprehensive team management capabilities, which include shared workspace organization, member invitation workflows, and role-based access control. It also features an integrated API token manager for issuing and controlling secure access tokens for external clients. The platform covers a bro
Light Bootstrap Dashboard is a framework for constructing administrative interfaces and management backends. It provides a collection of pre-styled components and responsive layouts designed to facilitate the development of custom web applications and internal tools. The project distinguishes itself through integrated data visualization capabilities, allowing for the rendering of interactive charts and graphs to track business metrics, sales trends, and user engagement patterns. It includes specific tools for monitoring campaign performance and system status, supported by an event-driven noti
David AI is a UI development toolkit that combines AI-powered page generation with a library of pre-built, copy-paste-ready components built on Tailwind CSS. At its core, it offers an AI builder that can generate complete landing pages and dashboards from natural language prompts, outputting clean, responsive Tailwind CSS code. The project provides a comprehensive collection of UI components—including buttons, forms, navigation elements, and data displays—that can be assembled into full page sections like hero blocks, pricing tables, and dashboards. The toolkit distinguishes itself through a
Astrowind is a high-performance site framework and bootstrapping tool designed for building marketing sites, professional portfolios, and high-conversion landing pages. It utilizes a utility-first CSS architecture and a component-based UI library to assemble responsive websites. The project specializes in conversion rate optimization through targeted templates for lead generation, product sales, subscription captures, and pre-launch teasers. It includes specific infrastructure for static blogging, utilizing markdown-based content modeling and rendering for long-form articles. The framework c