Gallery
Every composition and block, ready to install. Search, filter, open one and copy it.
17 items
Product Cardcomposition
Product image, name, price, an optional badge and an add-to-cart button.- Card
- Text
- Badge
- Button
Listing Cardcomposition
A home or a stay: photo, price, address and specs, stacked or over the photo.- Card
- Badge
- Separator
- Icon
- Text
- Title
- Avatar
- Button
Recipe Cardcomposition
Recipe photo, name, time, servings and difficulty, ingredient chips and a cook button.- Card
- Chip
- Badge
- Separator
- Icon
- Text
- Button
Profile Cardcomposition
Avatar, name, short bio, stats and follow and message buttons.- Card
- Avatar
- Title
- Text
- Separator
- Button
Article Cardcomposition
Cover image, category, headline, excerpt, author and reading time.- Card
- Title
- Text
- Avatar
Event Cardcomposition
Event photo with a date tile, time and place, who's going and a ticket button.- Card
- Title
- Text
- Icon
- Avatar
- Button
Settings Itemcomposition
Settings row with an icon, a label, a value and a chevron or a switch.- Item
- Icon
- Switch
- Text
Track Itemcomposition
Artwork, title, artist, duration and a more button, with a now-playing state.- Item
- Text
- Badge
- IconButton
Conversation Itemcomposition
Avatar, name, last message, time and an unread counter.- Item
- Avatar
- Text
- Badge
Notification Itemcomposition
Avatar or icon, a message after the actor's name, time, unread dot and an optional button.- Item
- Avatar
- Icon
- Text
- Badge
- Button
Search Result Itemcomposition
Image or icon, title with the match in bold, subtitle, metadata and an action.- Item
- Icon
- IconButton
- Text
Offer Cardcomposition
Card art, a badge, the main benefit, short highlights, the fee and an apply button.- Card
- Badge
- Title
- Text
- Icon
- Button
Pricing Cardcomposition
Plan name, price and period, features, and a button, with featured and current states.- Card
- Badge
- Title
- Text
- Icon
- Button
Stats Cardcomposition
A metric, its label and icon, and its change against the last period.- Card
- Title
- Text
- Badge
- Icon
Search App Barcomposition
Back or close, a search field in the bar and up to two actions.- AppBar
- SearchBar
- IconButton
- Badge
Profile App Barcomposition
Avatar, greeting and name, with notification and menu buttons.- AppBar
- Avatar
- Title
- Text
- IconButton
- Badge
- Tappable
Settings Sectionblock
A titled group of Settings Items with a footer note.- Settings Item
- Text
Nothing matches these filters yet.
Planned blocks
These blocks come once the component layers are stable.
Authentication
Login, sign up, forgot password, OTP, passcode setup.
Onboarding
Intro, permissions, preferences, feature introduction.
Monetization
Paywall, subscription selection, purchase confirmation.
Profile
Profile overview, edit profile, settings, account.
Commerce
Product details, cart, checkout, order confirmation.