Frames
Browser frames and device mockups for content presentation and showcases.
Safari Browser Frame
macOS Safari-style browser frame with toolbar
Welcome to Grida
Design, code, and publish in one place
With Custom Content
Frame your UI screenshots and designs
Dashboard mockup
Documentation page
Features
Professional presentation for your designs
Browser Chrome
Authentic Safari-style toolbar with URL bar, buttons, and controls
Responsive
Scales beautifully at any size while maintaining proportions
Customizable
Add any content inside - images, videos, or interactive components
Use Cases
Perfect for various presentation needs
Marketing Materials
- • Landing page screenshots
- • Product demos and previews
- • Feature showcases
- • Social media graphics
Documentation
- • Tutorial screenshots
- • UI/UX case studies
- • Design system showcases
- • Portfolio presentations
Available Frames
Different frame styles for various contexts
Email Frame (composable)
Composable email preview: EmailFrame, Subject, Sender, Body. Used inside Mail App Frame and standalone.
With actions
sarah@acme.co
to me
Hi there,
Please find attached your invoice for January 2026. The total amount due is $2,400.00 and payment is due by February 15, 2026.
If you have any questions about this invoice, feel free to reply to this email or reach out to our billing team.
Best regards,
Sarah Chen
Minimal
noreply@github.com
[acme/dashboard] Pull request #142 was merged by @sarah-chen.
Safari
macOS Safari browser frame with realistic chrome
Mail (email preview)
Email frame for previewing email templates
no-reply@acme.co
Your verification code
Hi Alice, use the following code to verify your identity:
123456
This code expires in 10 minutes.
If you did not request this, you can safely ignore this email.
Mail (long content, scrollable)
Email body scrolls when content exceeds the frame height
no-reply@accounts.grida.co
Thanks for registering!
We received your submission for the Annual Conference.
Your registration number: #042
What happens next?
- You will receive a confirmation email within 24 hours
- Our team will review your application
- If approved, you will get your ticket via email
Event details
Date: March 15, 2026
Location: Convention Center, Hall A
Time: 9:00 AM - 5:00 PM
Important notes
Please bring a valid ID and your ticket (digital or printed) to the event. Doors open at 8:30 AM for registration.
If you have any dietary requirements, please let us know at least 48 hours before the event.
We look forward to seeing you there!
This is an automated message. If you did not submit this form, please contact support@example.com.