A collection of UI's built to showcase the capabilities of Motion Layout and Constraint Layout 2.0/2.1
-
Updated
May 6, 2023 - Kotlin
#
card-carousel
Here are 8 public repositories matching this topic...
Image carousel using pure JavaScript, HTML, and CSS
slider progress-bar carousel card-carousel hero-slider autoplay-slider timed-card-carousel hero-carousel autoplay-carousel
-
Updated
Mar 29, 2025 - CSS
基于 Swiper.js 的响应式固定宽度卡片轮播组件，通过 slidesPerView: auto、固定卡片宽度和下一张局部预览，实现适合产品、案例与作品展示的自然横向浏览体验。
-
Updated
Aug 28, 2026 - HTML
基于 Swiper.js 的沉浸式双层卡片展示组件，结合 Overlay Card Carousel、数字分页与公共 Modal Gallery，实现从横向内容浏览到全屏中心式详情画廊的自然交互体验。
javascript css image-gallery carousel responsive-design swiper swiper-slider card-carousel modal-gallery
-
Updated
Aug 28, 2026 - CSS
Peeking single-row card carousel for Bubble Tea with adjacent cards visible for context
-
Updated
Feb 27, 2026 - Go
A visually stunning CSS card carousel featuring animated progress bars, circular SVG indicators, and smooth hover transitions. Built with HTML, CSS, and vanilla JavaScript, perfect for modern UI showcases, frontend animation practice, and creative portfolio designs.
css-transitions css-hover-effects html-css-js responsive-carousel ui-component progress-indicator interactive-ui css-transform animated-cards card-carousel css-card-animation animated-progress-bar frontend-animation circular-progress-ui vanilla-js-project modern-portfolio-ui svg-progress-circle dark-theme-ui javascript-hover-effect web-ui-showcase
-
Updated
Oct 12, 2025 - HTML
HTML, CSS, Bootstrap Practice | GeeksForGeeks Website 3 Clone
-
Updated
Apr 27, 2023 - HTML
基于 Swiper.js 的响应式企业发展历程卡片轮播组件，通过 slidesPerView: auto、等高卡片和下一阶段局部预览，实现适合品牌历史、公司里程碑与技术演进的顺序浏览体验。
javascript css html timeline responsive-design swiper card-carousel company-history history-carousel
-
Updated
Aug 28, 2026 - HTML
Improve this page
Add a description, image, and links to the card-carousel topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the card-carousel topic, visit your repo's landing page and select "manage topics."