Mobile card view with grid-on-desktop
Live in demo 81-mobile-card-view.
Open the live example: Mobile / responsive cards (Mobile & Responsive)
When
Same data, two layouts. Auto-pivot below 720px or force one via a toolbar switch.
How
Key API surface:
window.innerWidth listenershared $state array between the two views
See the demo source for the full implementation; this recipe pins the pattern + the surface so you can copy-paste it confidently. The doc page that explains the underlying feature in depth is linked from the recipes index.
See also
- Demo 81-mobile-card-view source
- Demo 81-mobile-card-view prompt sidecar - drop into an LLM context window
- Recipes index
Related articles
- A Svelte Data Grid in a Tauri Desktop App - Wire SvGrid into a Tauri app backed by SQLite - fast first paint from Rust, virtualized rendering for large local datasets, and a keyboard-native grid your desktop users expect.