# rubensousa/viewpagercards

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/rubensousa-viewpagercards).**

4,066 stars · 603 forks · Java · Apache-2.0 · archived

## Links

- GitHub: https://github.com/rubensousa/ViewPagerCards
- awesome-repositories: https://awesome-repositories.com/repository/rubensousa-viewpagercards.md

## Topics

`cardview` `viewpager`

## Description

ViewPagerCards is a mobile swipe navigation component and gesture-based view pager used to create horizontal swipable card layouts. It functions as an app onboarding carousel and feature showcase interface to guide users through a linear sequence of screens.

The component implements a visual card-based layout designed to demonstrate product capabilities. It enables the creation of interactive feature showcases and introductory onboarding experiences within a mobile application.

## Tags

### Graphics & Multimedia

- [Gesture-Driven Page Switching](https://awesome-repositories.com/f/graphics-multimedia/custom-animation-effects/interactive-gesture-driven-animations/gesture-driven-snap-animations/gesture-driven-page-switching.md) — Provides a navigation interface that triggers transitions between content pages based on swipe gestures.

### Mobile Development

- [Feature Showcase Frameworks](https://awesome-repositories.com/f/mobile-development/feature-showcase-frameworks.md) — Offers a dedicated framework for implementing visual feature showcases in mobile applications.
- [Interactive Navigation Components](https://awesome-repositories.com/f/mobile-development/interactive-navigation-components.md) — Ships a touch-driven navigation component featuring draggable cards and swipeable layouts for mobile.
- [Mobile App Onboarding](https://awesome-repositories.com/f/mobile-development/mobile-app-onboarding.md) — Provides a sequence of swipable introductory screens to guide new users through mobile application features.
- [Mobile Screen Navigation](https://awesome-repositories.com/f/mobile-development/mobile-screen-navigation.md) — Implements a swipable interface for managing transitions between different content screens on mobile.

### User Interface & Experience

- [Card Layouts](https://awesome-repositories.com/f/user-interface-experience/card-layouts.md) — Implements a swipable card interface for displaying feature highlights and introductory screens. ([source](https://github.com/rubensousa/viewpagercards#readme))
- [Offset-to-Index Mappings](https://awesome-repositories.com/f/user-interface-experience/dynamic-view-offsetting/scroll-to-index-mapping/index-to-offset-calculations/offset-to-index-mappings.md) — Maps real-time horizontal drag displacement to specific page indices to trigger view switching.
- [View Pagers](https://awesome-repositories.com/f/user-interface-experience/navigation-components/view-pagers.md) — Provides a view pager component that allows users to swipe between distinct content panels.
- [Touch Coordinate Deltas](https://awesome-repositories.com/f/user-interface-experience/touch-coordinate-deltas.md) — Calculates touch start and end coordinates to determine if a swipe gesture was performed.
- [View Hierarchy Composition](https://awesome-repositories.com/f/user-interface-experience/composition-hierarchies/view-hierarchy-composition.md) — Implements a view hierarchy where multiple cards are stacked and visibility is toggled via translation.
- [Percentage-Based Positioning](https://awesome-repositories.com/f/user-interface-experience/element-positioning/absolute-positioning/percentage-based-positioning.md) — Positions cards using linear offsets relative to the viewport width for smooth sliding animations.
- [Content-Driven State Synchronization](https://awesome-repositories.com/f/user-interface-experience/interaction-states/content-driven-state-synchronization.md) — Synchronizes the active card index with a central state to coordinate rendering and visibility.

### Part of an Awesome List

- [Card Components](https://awesome-repositories.com/f/awesome-lists/devtools/card-components.md) — Card-based view pager.
- [Card Layouts](https://awesome-repositories.com/f/awesome-lists/devtools/card-layouts.md) — Card-based view pager.
- [View Pagers](https://awesome-repositories.com/f/awesome-lists/devtools/view-pagers.md) — 视图页卡片