# Interactions

15 interactions for React, React Native, SwiftUI and Jetpack Compose, each copied into your project with the CLI.

Source: https://ui.suiss.app/docs/interactions

- [Card Stack](https://ui.suiss.app/docs/interactions/card-stack): A deck of cards the user swipes left or right one at a time, with buttons, undo and an empty state.
- [Image Viewer](https://ui.suiss.app/docs/interactions/image-viewer): A full-screen photo viewer with swipe paging, pinch and double-tap zoom, and swipe down to close.
- [Island](https://ui.suiss.app/docs/interactions/island): A floating pill at the top of the screen that shows live activities and brief notifications, like the Dynamic Island.
- [OTP Autofill](https://ui.suiss.app/docs/interactions/otp-autofill): A one-time code field that offers an incoming code, fills it digit by digit, and verifies it automatically.
- [Preview Menu](https://ui.suiss.app/docs/interactions/preview-menu): A context menu that lifts the pressed item into an enlarged preview above its actions, like iOS context menus.
- [Pull to Refresh](https://ui.suiss.app/docs/interactions/pull-to-refresh): A scroll container that refreshes its content when the user pulls down from the top.
- [Reorder List](https://ui.suiss.app/docs/interactions/reorder-list): A list whose rows are dragged by a handle to change their order, with haptics and move up and down actions.
- [Search Reveal](https://ui.suiss.app/docs/interactions/search-reveal): A scrolling list with a search field tucked above it that appears when the user scrolls up.
- [Section Index](https://ui.suiss.app/docs/interactions/section-index): An A to Z index bar for jumping between sections of a long list by tapping, dragging, or typing.
- [Selection List](https://ui.suiss.app/docs/interactions/selection-list): A list with an edit mode for selecting multiple rows and acting on them from a floating toolbar.
- [Stepper](https://ui.suiss.app/docs/interactions/stepper): A numeric field with minus and plus buttons that step the value, accelerating while held.
- [Swipe Actions](https://ui.suiss.app/docs/interactions/swipe-actions): A list row that reveals action buttons when swiped sideways, with optional full swipe to run an action.
- [Tip](https://ui.suiss.app/docs/interactions/tip): A dismissible feature tip shown inline or as a popover, remembered once dismissed and sequenced in groups.
- [Top Banner](https://ui.suiss.app/docs/interactions/top-banner): Short banners that slide in from the top of the screen, queue one at a time and can be swiped up to dismiss.
- [Undo Bar](https://ui.suiss.app/docs/interactions/undo-bar): A floating bar that offers to undo the last action for a few seconds before committing it.