v1.0.0
- Initial release with live full-deck drag, responsive layouts, custom card slots and static Framer rendering.
ComponentFramer · React · TypeScriptv1.0.0
Relay DeckA responsive Framer card stack where the complete deck follows pointer and touch gestures in real time.
A responsive Framer card stack where the complete deck follows pointer and touch gestures in real time.
ResponsiveAccessibility declaredIsolated demo
Interactive demo
Try it as if it were already yours.
Test the interaction, responsive sizes, and real controls without leaving the product page.
Relay Deck / v1.0.0
Opens full viewport inside this same product page.
What it solves
What Relay Deck adds to your project
Relay Deck turns portfolios, case studies and product stories into a tactile sequence of layered cards. Drag anywhere on the active card and the whole set responds as one composition before settling into the next position. Five art-directed cards are included, or you can connect up to seven of your own Framer components. Geometry, navigation, colors, type and motion remain editable without rebuilding the interaction.
01
The entire card stack follows drag gestures in real time
02
Five editable cards and up to seven custom Framer component slots
03
Pointer, touch, arrow-key, Home and End navigation
04
Responsive full-card, compact and ultra-short widget layouts
05
Editable size, spread, depth, rotation, threshold and corner radius
06
Optional header, arrows, progress, pointer tilt and entrance motion
07
Static Framer Canvas and export renderer with no continuous effects
08
Reduced-motion support and protected mobile scrolling
Use cases
Documented situations for this product release.
- 01
Portfolio and case-study reveals
- 02
Product feature sequences
- 03
Editorial story modules
- 04
Service and capability presentations
Product gallery
Images and videos published specifically for this release.
Published capabilities
Declared and reviewed values for this specific release; they are not inherited automatically by an update.
- Animation
- Yes
- Interaction
- Yes
- Responsive
- Yes
- Dark mode
- Yes
- Accessibility declared
- Yes
- CMS
- No
- Forms
- No
- Configurable properties
- Yes
Compatibility
- Framer
- Desktop
- Tablet
- Mobile
Dependencies
This release manifest does not list any dependencies.
Requirements
- A Framer project
- A frame at least 260px high for the ultra-short widget mode
Install and use
These instructions are published as part of this release manifest.
Install
- 01Open the verified Framer installer included with the purchase.
- 02Add Relay Deck to the page and choose Included cards or Your Own component slots.
- 03Adjust card size, spread, depth, rotation, navigation and colors in Framer's property panel.
- 04Test the final frame with pointer, touch and keyboard before publishing.
Documentation
- START-HERE.md explains installation and the first setup.
- CONTROLS.md documents every property, range and default value.
- README.md covers recommended frame sizes and responsive behavior.
- CHANGELOG.md and LICENSE.md document the release and permitted use.
Accessibility
The published manifest marks this release as accessible and declares keyboard support in its demo. This is product information, not third-party conformance certification.
- Keyboard use
- Declared supported
- Pointer use
- Declared supported
Performance
The demo loads on demand, pauses off-screen, and never adds its dependencies to SolveKit’s main bundle.
Changelog
Licenses
Single-use commercial license
Use Relay Deck in one personal, commercial or client Framer project. Each additional end product requires another license. Redistribution and resale are prohibited.
Download metadata
Published data for identifying this release file and checking it after download.
- File name
- Relay-Deck-v1.0.0.zip
- File size
- 18 KB (17,761 bytes)
- SHA-256
- f66a5b4168b73c131e9b0a0dd2a3f0218008cf70fc7e2a4dd4d357eba7ae6669
Frequently asked questions
Can I use my own card designs?
Yes. Switch to Your Own mode and connect between two and seven Framer components as card slots.
Does it work on touch screens?
Yes. The deck supports touch dragging and protects normal vertical page scrolling on mobile.
Can I change the content and colors?
Yes. Included cards expose their copy, links and colors, while the deck exposes layout, interface, type and motion controls.
What does one license cover?
One purchase covers one personal, commercial or client end product. Additional end products require additional licenses.