51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:Tb34,

A warm, modern veterinary website template designed to help clinics build trust, connect with pet parents, and turn visitors into appointments

This template is very close to my heart because I created MorrowVet in memory of my beloved cat, Piyoko. Every detail was designed with the idea of creating a place that feels warm, caring, and worthy of the animals we love

Pages Included

Home . A warm hero section, about & trust stats, veterinary services, why choose us, transformations, 4-step care process, testimonials, veterinary team, FAQ, final CTA, and footer
Contact . Contact information, appointment/contact form, map, and supporting CTA
Legal . Privacy Policy and Terms & Conditions pages
404 . Custom branded 404 error page

Special Features

Interactive Hero Cat . The cat's eyes follow your mouse cursor, adding a playful and memorable touch to the first impression
Tilt Cards . Subtle 3D tilt interactions that bring cards to life as visitors interact with them
Before & After Cards . Showcase patient transformations and treatment results in an engaging visual format
Responsive Design . Carefully designed for Desktop, Tablet, and Mobile
Smooth Interactions . Thoughtful animations and interactions throughout the website without overwhelming the experience

Perfect For

Veterinary clinics, animal hospitals, pet wellness practices, veterinary specialists, and designers creating websites for pet care businesses

How to Customize

Images Replace the included images with your clinic's photography
Content Update the clinic name, services, team members, testimonials, and contact information
Colors Easily adapt the color system to match your brand
Contact Form Connect the form to your preferred form handler
Map Replace the location with your clinic's address
Footer Add your social media profiles and business links
Legal Pages Update the provided legal content with your business information

Need Help?

Email: rubabmubashar174@gmail.com

Built with care, inspired by "Piyoko" 🧡

53:T9ee,

A clean and fully customizable timer for Framer. Start the timer and the button automatically changes to Pause. Pause it and it becomes Resume. Reset the timer anytime with the dedicated Reset button.

The timer also supports three customizable color stages, allowing the timer to visually change as time progresses.

Features

Start / Pause / Resume functionality
Reset button
Automatically switches between Start, Pause, and Resume states
Three dynamic timer color stages
Fully customizable buttons
Fully customizable timer
Custom stage colors based on elapsed time

Start / Pause / Resume / Reset Buttons

Customize almost every part of the buttons:

Button label
Background color
Text color
Icon color
Icon
Border color
Border width
Button width
Border radius
Font size
Font weight
Horizontal padding
Vertical padding
Icon size
Gap between icon and text

Timer

Customize the timer appearance:

Timer text color
Timer font size
Timer font weight
Timer size
Ring thickness
Glow thickness
Shadow blur radius
Timer background color

Dynamic Timer Stages

The timer automatically changes color depending on the elapsed time. You can customize each stage:

Stage 1: 0:00 – 1:45
Stage 2: 1:45 – 3:00
Stage 3: 3:00 – 10:00

Give each stage its own color to create visual feedback as the timer progresses.

Perfect For

Focus sessions
Pomodoro timers
Workout websites
Study timers
Productivity tools
Cooking timers
Interactive landing pages
Event websites
SaaS websites
Framer prototypes

Drop it into your Framer project, customize it to match your design, and you're ready to go.

Free to use. Enjoy! ❤

54:Ta7a,

PageFlip. Turn Your PDF Into an Interactive Book

PageFlip converts any PDF into a beautiful, interactive book with a realistic page-flip animation. Add it to your Framer website, paste your PDF link into the Framer properties panel, and you're ready to go.

It is fully responsive. On desktop and tablet, the book displays two pages side by side. On mobile, it automatically switches to a single-page layout for a better reading experience.

Features

Interactive 3D page-flip animation
Fully responsive
Two page spread on desktop and tablet
Single page layout on mobile
Mouse drag to flip pages
Touch friendly mobile navigation
Previous / next controls
Page counter
Zoom controls
Fullscreen mode
Autoplay
Keyboard navigation
Choose starting page
Custom button size
Custom button radius
Custom button background
Custom icon color
Adjustable book height
Custom page aspect ratio
Custom background
Page corner radius
Box shadow
Spine shadow
Perspective control
Adjustable flip speed
Enable / disable drag interaction

How to Use

Add PageFlip to your Framer project.
Upload your PDF to a publicly accessible location.
Copy the direct PDF URL.
Paste the URL into the PDF URL field in the Framer properties panel.
Customize the book using the available properties.
Publish your website. That's it.

Need help creating a PDF URL? See the “Buy” section above for instructions.

Perfect For

PageFlip is perfect for websites that need to display:

Digital magazines
Lookbooks
Product catalogs
Company brochures
Portfolios
Wedding magazines
Event programs
Menus
Reports
E-books
Presentations
Guides
Downloadable brochures

Need Help?

If you have any questions, encounter an issue, or need help setting up PageFlip, feel free to contact me.

Email: rubabmubashar174@gmail.com

I'd be happy to help!

55:T5e9,

EverVow is an elegant and romantic Framer template designed for wedding planners, coordinators, event studios, and creative wedding professionals.

With its warm neutral palette, refined typography, spacious layouts, and subtle animations, EverVow creates a premium online experience that puts your work and love stories at the center.

✦ What's Included

Beautiful, responsive layouts for desktop, tablet, and mobile
CMS-powered Services and Service Details
CMS-powered Blog and Blog Details
Gallery to showcase weddings and events
Packages and pricing sections
Testimonials and FAQ sections
Elegant contact page with inquiry form
Smooth scroll and subtle micro-interactions
Reusable components for easy customization
Fully responsive design
Style Guide for colors, typography, spacing, and components
404, Privacy, Terms, Licenses, and Changelog pages

✦ Perfect For

Wedding planners, wedding coordinators, event planners, destination wedding studios, bridal businesses, and creative event professionals.

Make it yours, tell your story, and create something beautiful with EverVow. ♡

Need Help?

Contact: rubabmubashar174@gmail.com

56:T530,

Interactive Control Panel is a modern UI component built to give your users clear, intuitive actions with a polished visual feel.Preview Link: https://tiny-beaver-482891.framer.app/

It features a minimal set of buttons with distinct states, making actions like play, stop, or reset feel more engaging and responsive. The layout is clean and structured, allowing it to fit seamlessly into dashboards, apps, or interactive sections.

The subtle feedback and visual hierarchy help users instantly understand what’s active, improving usability without adding complexity. It’s perfect for creating small control areas that still feel premium and thoughtfully designed.

Whether you're building a web app, game interface, or interactive landing page, this component adds clarity and smooth interaction with very little setup.

Customization

Variants
Font Size
Active Colors

Best for: dashboards, game UI, interactive sections, control panels, web apps

57:T62a,

Snake Game – Built with Framer Agent

Snake Game is a fully playable, responsive arcade experience created entirely with Framer Agent. The project reimagines the classic Snake game with a modern UI, smooth animations, glowing visuals, and cross-device controls.

Features

Classic Snake gameplay
Keyboard controls (Arrow Keys / WASD)
Mobile swipe support
Fast Mode for an extra challenge
High-score memory using local storage
Particle effects and glowing food animations
Sound toggle controls
Responsive design optimized for desktop and mobile
Modern neon-inspired game interface

What I Built

I challenged myself to see how far I could push Framer Agent beyond traditional website creation by building an interactive game experience directly inside Framer. The result is a polished, lightweight Snake Game that combines classic gameplay mechanics with modern web design principles.

Why This Project

Most Framer projects focus on landing pages and UI design. I wanted to demonstrate that Framer can also be used to create engaging, interactive experiences and game-like applications while maintaining excellent performance and responsiveness.

Built With

Framer
Framer Agent

A nostalgic game experience, rebuilt with modern web technology and AI-assisted development.

58:T453,

ProgressBar for Framer

Create beautiful, professional progress indicators with ProgressLine, a fully customizable progress bar component built for Framer.

Whether you're showcasing skills, statistics, project completion, KPIs, or performance metrics, ProgressLine gives you complete control over typography, colors, spacing, and styling directly from Framer's properties panel.

Features:

• Dynamic progress width based on percentage value

• Clean two-row layout

• Skill/Label text on the left

• Percentage value on the right

• Fully responsive

• Smooth progress animations

• Modern and lightweight design

• Easy customization through Framer controls

Controls

If you like this component, please leave a ❤ and share your experience in the comments.

Need help or have questions?

📧 Email: rubabmubashar174@gmail.com

59:T7d1,

GoldenGlow Button for Framer

🔗 Live Preview: https://delightful-value-802892.framer.app/

Bring a touch of luxury to your website with the GoldenGlow Button, a sleek dark-themed button featuring a stunning golden glow border and premium hover effects.

Perfect for modern websites, portfolios, SaaS products, and high-end brands, this button instantly draws attention to your most important call-to-action.

Features

• Elegant golden glow border

• Premium dark glass-inspired design

• Smooth hover animations

• Fully responsive on all devices

• Easy customization of text, colors & sizing

• Lightweight and optimized for performance

• Ready to use in Framer

Perfect For

• Premium landing pages

• SaaS websites

• Startup products

• Portfolio websites

• Agency websites

• Luxury brands

• Call-to-action sections

Why This Button?

First impressions matter.

The GoldenGlow Button helps your website stand out by adding:

✔ Premium visual appeal

✔ Stronger CTA visibility

✔ Better user engagement

✔ Modern luxury aesthetics

✔ Higher perceived value

Instead of using a plain button, create a sophisticated experience that naturally guides users toward taking action.

What You Get

• Ready-to-use Framer component

• Easy customization controls

• Responsive design

• Lifetime access

5a:T509,

SME Empowerment is a SaaS platform that I designed and developed from scratch in Framer. I independently built 42+ pages, taking care of both the visual design and the complete Framer development.

The project involved creating a scalable website structure rather than simply designing individual pages. I built a large, multi level navigation system to help users easily explore the platform and its different sections, while keeping the experience responsive across desktop, tablet, and mobile.

I also developed a complete blog system using Framer CMS, along with 4 reusable CMS template pages for dynamic content. This allowed the client to manage and publish content without needing to manually recreate layouts for every new page.

The website includes custom scroll-based animations, interactive elements, page transitions, responsive layouts, reusable components, and carefully structured sections throughout the platform. I also handled the technical side of the build, including SEO setup, structured content, redirects, and other production-ready details.

From the initial design system through the final responsive implementation, I handled the project independently, with a focus on creating a polished, scalable, and easy-to-manage Framer website.

5b:T404,

Hover Preview Card is a smooth, modern UI component designed to make your content feel more interactive and alive.

It features a clean card layout with a floating image that appears on hover, creating a layered depth effect that instantly grabs attention. Perfect for showcasing developers, portfolio items, features, or services in a more engaging way.

The animation is subtle yet polished, helping you highlight important content without overwhelming the user. It fits beautifully into modern landing pages and works great for both personal and client projects.

Whether you're building a portfolio, SaaS site, or agency landing page, this component adds that extra level of professionalism with minimal effort.Customization:

Best for: portfolios, developer showcases, team sections, feature highlights

5c:T63e,

A premium, interactive soft-press key component designed for modern interfaces. This component delivers a realistic 3D button feel with subtle depth, shadows, and smooth press interaction, creating a tactile experience that feels responsive and polished.Preview Link : https://driving-coconut-646490.framer.app/

Features:

Realistic 3D soft-press effect
Smooth press interaction with depth feedback
Subtle shadows and highlights for a tactile feel
Clean, modern design for dark and light UI
Lightweight and performance-friendly
Scalable for building full keyboard layouts

Best Use Cases:

Virtual keyboards
Control panels and dashboards
Calculator or input interfaces
Gaming UI and interactive elements
Experimental or futuristic UI designs

Customization:

Why Use This Component?This component helps you create tactile, high-quality UI interactions quickly, without complex setup. Ideal for designers and developers who want to add depth, realism, and satisfying user feedback to their interfaces with minimal effort.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-3cd45d2c-e771-49a0-84a0-f3d32c6e12ec-all:/unified/creator/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/activity/":[{"data":[{"id":"01a0fd30-3bb5-76b9-9a8e-a26e55d77370","type":"site.created","target":{"type":"site","id":"17777","preview":"Jorio Travel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a0fd2d-9521-728d-a0ff-02795aad4915.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-02T15:16:31.797Z","latestAt":"2026-10-02T15:16:31.797Z"},{"id":"01a0cf6b-3845-72fe-8bae-7abfa109b412","type":"creator.followed","target":{"type":"creator","id":"6ddf65d1-84f7-4923-8707-63a04cf6e75e","preview":"Sasha Mozdir","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/724538/avatar-49MoWHLEFOKKCeT53uvOjVlajqkFLj.jpg","slug":"sashamozdir","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-23T17:58:25.600Z","latestAt":"2026-09-23T17:58:25.600Z"},{"id":"01a0b59e-793a-75ff-9529-165008d85194","type":"comment.reply","target":{"type":"post","id":"01a07c2f-0e1b-72fb-8cf7-5ae24dea8aaa","preview":"BatteryCarosel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a07c2d-3723-71fd-8046-cc791a259edb.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a07c2f-0e1b-72fb-8cf7-5ae24dea8aaa","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0b59e-7927-778d-9cb1-2be0bf85f414","preview":"Thanks! i m glad you like it","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks! i m glad you like it"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a07c2f-0e1b-72fb-8cf7-5ae24dea8aaa","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0ab49-1e34-768c-b620-7ce1621f32ec"},"repost":null}},"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T17:44:16.954Z","latestAt":"2026-09-18T17:44:16.954Z"},{"id":"01a0b59e-46a0-7520-8cd9-ed4cd34381cd","type":"comment.liked","target":{"type":"comment","id":"01a0ab49-1e34-768c-b620-7ce1621f32ec","preview":"Nice interaction detail—this component feels really polished.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice interaction detail—this component feels really polished."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a07c2f-0e1b-72fb-8cf7-5ae24dea8aaa","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0ab49-1e34-768c-b620-7ce1621f32ec"},"repost":null}},"context":{"type":"post","id":"01a07c2f-0e1b-72fb-8cf7-5ae24dea8aaa","preview":"BatteryCarosel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a07c2d-3723-71fd-8046-cc791a259edb.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a07c2f-0e1b-72fb-8cf7-5ae24dea8aaa","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T17:44:03.998Z","latestAt":"2026-09-18T17:44:03.998Z"},{"id":"01a07c2f-102c-73c8-b0e4-c6e2c150abb5","type":"component.created","target":{"type":"component","id":"1QvfLm0iCiEISbKkHf1z","preview":"BatteryCarosel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a07c2d-3723-71fd-8046-cc791a259edb.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-07T14:04:14.252Z","latestAt":"2026-09-07T14:04:14.252Z"},{"id":"01a0726e-e7ff-71c0-933f-e85d7150cdd5","type":"template.created","target":{"type":"template","id":"72506","preview":"MorrowVet","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a086c1-686b-74c9-a555-2704a7a4ba6c.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-05T16:37:46.111Z","latestAt":"2026-09-05T16:37:46.111Z"},{"id":"01a04870-56cf-7713-b359-76a3fd7e83c8","type":"component.created","target":{"type":"component","id":"40W6owfqOZwQOTxgcQNM","preview":"TimerFocus","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a0486e-6cff-72e9-9aea-9dba47aabb19.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-28T12:55:16.943Z","latestAt":"2026-08-28T12:55:16.943Z"},{"id":"01a02f24-743e-752a-a0ee-aa2db0067189","type":"component.created","target":{"type":"component","id":"bBVL3iF68Fsf0mABORlz","preview":"PageFlip","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a02f24-5072-71bb-abc0-843fc749056d.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-23T15:01:53.342Z","latestAt":"2026-08-23T15:01:53.342Z"},{"id":"01a024ca-173c-73f8-bf49-25769d5af577","type":"comment.created","target":{"type":"post","id":"019a97a3-b125-78ac-bc83-dc7bce80ba0d","preview":"3D Magazine","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5adc9354-58b8-41ef-8dc9-9b6c8b000586/0l8jsfwg","targetDeleted":false,"owned":false,"actions":{"postId":"019a97a3-b125-78ac-bc83-dc7bce80ba0d","like":{"count":387,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a024ca-1712-765c-9f58-05c546ebcc34","preview":"Amazing Work","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Amazing Work "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019a97a3-b125-78ac-bc83-dc7bce80ba0d","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a024ca-1712-765c-9f58-05c546ebcc34"},"repost":null}},"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-21T14:46:59.132Z","latestAt":"2026-08-21T14:46:59.132Z"},{"id":"01a024c9-d768-7144-86b7-8d821ca2a71c","type":"component.liked","target":{"type":"component","id":"0YbyeRBnYHgqzSI4shTp","preview":"3D Magazine","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5adc9354-58b8-41ef-8dc9-9b6c8b000586/0l8jsfwg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-21T14:46:42.784Z","latestAt":"2026-08-21T14:46:42.784Z"},{"id":"01a01023-923f-711a-95d8-f835a96e5199","type":"template.created","target":{"type":"template","id":"71432","preview":"EverVow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a086a7-1218-7527-a773-8c36efc87c34.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-17T14:32:41.791Z","latestAt":"2026-08-17T14:32:41.791Z"},{"id":"019fbda2-5673-72e7-857f-bfbc179e7c16","type":"creator.followed","target":{"type":"creator","id":"a0d236b2-97bf-42fd-ad0e-db4402ef113b","preview":"Cristian Mielu","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28883/avatar-K5ojCTv2bAJrkxuByVEiWGqgqe7d73.jpg","slug":"cristian","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-01T14:02:40.617Z","latestAt":"2026-08-01T14:02:40.617Z"},{"id":"019f8fdb-e8ec-762e-ad72-0c5a2544b66a","type":"creator.followed","target":{"type":"creator","id":"539b4890-fb00-4460-a1a0-e40380d9c412","preview":"Baderna & CO.","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/96469/avatar-t15zoSKrkSKlFqazwKVhk0W0Z6U2Tk.jpg","slug":"baderna","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T16:43:01.734Z","latestAt":"2026-07-23T16:43:01.734Z"},{"id":"019f8fdb-e7fc-771f-9d3a-5f57547ec229","type":"creator.followed","target":{"type":"creator","id":"98597b3e-b4b9-4b1a-9520-a876bd78abf7","preview":"Sergey Bertagnini","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/98597b3e-b4b9-4b1a-9520-a876bd78abf7/gbuqyo9o","slug":"sergey-bertagnini","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T16:43:01.494Z","latestAt":"2026-07-23T16:43:01.494Z"},{"id":"019f8fdb-dc8f-7039-a252-66fac9c48f81","type":"creator.followed","target":{"type":"creator","id":"9984ee5b-4091-4e90-9d64-a3aacae916df","preview":"Lauri Lännenmäki / no-code.supply","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","slug":"laurilllll","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T16:42:58.539Z","latestAt":"2026-07-23T16:42:58.539Z"},{"id":"019f8fdb-d60d-75ce-8f37-9c0c73ba7f41","type":"creator.followed","target":{"type":"creator","id":"8b53346f-25b6-43a1-b373-5a6637208045","preview":"Syed Tahoor Ali","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1188405/avatar-i4BRZoGa3JhYWRv0itSFDb2Wq7vg6a.jpg","slug":"syed-tahoor-ali-frbp56","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T16:42:56.891Z","latestAt":"2026-07-23T16:42:56.891Z"},{"id":"019f8fdb-d092-72ea-bb58-54b1cddc3c1a","type":"creator.followed","target":{"type":"creator","id":"7fee6330-445b-4d0e-9505-9dfd62a5545f","preview":"Ahsan Habib","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/39807/FI8mLVsjx-IxkdcMqtewY8rB0PqbEeUUQJXmQ0iD","slug":"findahsanhabib","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T16:42:55.481Z","latestAt":"2026-07-23T16:42:55.481Z"},{"id":"019f8fd4-421f-7758-9f80-14508603a6d3","type":"creator.followed","target":{"type":"creator","id":"cf79b33d-8ec3-4bf2-8cf4-822e63f6c190","preview":"Rashid Iqbal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1235366/avatar-A0hz247PWQPoVlJ4u5z5KDJw4wjQqO.jpg","slug":"rashidiqbal","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T16:34:40.271Z","latestAt":"2026-07-23T16:34:40.271Z"},{"id":"019f8fd1-e46f-712d-9a72-ddf2037b8db4","type":"component.created","target":{"type":"component","id":"vEraFXxGwcPs9J4uePOk","preview":"Glowrius Button","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/019f8fd1-bc68-7309-96de-8f99a1275a98.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-23T16:32:05.231Z","latestAt":"2026-07-23T16:32:05.231Z"},{"id":"019f3795-abbd-7122-88b3-9873a661ea47","type":"component.created","target":{"type":"component","id":"itq5etpHuq692xnuJJvG","preview":"PhotoShop Button","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/6pv3nyly","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","slug":"rubab-mubashar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-06T13:19:43.549Z","latestAt":"2026-07-06T13:19:43.549Z"}],"pagination":{"next":"MjAyNi0wNy0wNlQxMzoxOTo0My41NDlafDAxOWYzNzk1LWFiYmQtNzEyMi04OGIzLTk4NzNhNjYxZWE0Nw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:3cd45d2c-e771-49a0-84a0-f3d32c6e12ec:/unified/posts/?creator=3cd45d2c-e771-49a0-84a0-f3d32c6e12ec&with=reposts":[{"data":[{"id":"01a0fd30-3977-7373-8a57-09f0b85926c4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"17777","resolved":true,"title":"Jorio Travel","body":"

JorioTravel

Figma to Framer Development

Converted the complete JorioTravel website from Figma to Framer with a strong focus on pixel-perfect implementation and maintaining the original design system.
Built the website in two languages, French and English, using manual localization to create a consistent experience across both versions.
Developed a custom-coded contact form using reusable Framer components, ensuring a clean and maintainable implementation.
Added smooth scrolling, interactive elements, and subtle animations to make the overall experience more engaging.
Built reusable components and structured the project for easier content and design updates.
Optimized the layouts for a fully responsive experience across desktop, tablet, and mobile devices.
Handled the complete Framer development from design implementation through responsive QA and final polish.

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"JorioTravel"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Figma to Framer Development"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Converted the complete JorioTravel website from Figma to Framer with a strong focus on pixel-perfect implementation and maintaining the original design system."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built the website in two languages, French and English, using manual localization to create a consistent experience across both versions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Developed a custom-coded contact form using reusable Framer components, ensuring a clean and maintainable implementation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Added smooth scrolling, interactive elements, and subtle animations to make the overall experience more engaging."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built reusable components and structured the project for easier content and design updates."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optimized the layouts for a fully responsive experience across desktop, tablet, and mobile devices."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Handled the complete Framer development from design implementation through responsive QA and final polish."}]}]}]}]},"introduction":"","slug":"jorio-travel","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a0fd2d-9521-728d-a0ff-02795aad4915.jpg","metadata":{"tint":{"h":180,"s":75,"l":13},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a0fd2d-cfda-777e-9e65-9e036b253c4e.jpg","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-10-02T15:16:30.680Z","updatedAt":"2026-10-02T15:16:30.680Z","publishedAt":"2026-10-02T15:16:30.677Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.joriotravel.com/","categories":[{"id":"4256b748-1be0-4162-aa02-cb9346d9f63f","name":"Travel","slug":"travel"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T15:16:31.223Z","updatedAt":"2026-10-02T15:16:31.223Z"},{"id":"01a07c2f-0e1b-72fb-8cf7-5ae24dea8aaa","title":null,"body":"

An Idea come To Mind I Sketch it I Built it

Hope You Like It 💤

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An Idea come To Mind I Sketch it I Built it "}]},{"type":"paragraph","content":[{"type":"text","text":"Hope You Like It 💤"}]}]},"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1QvfLm0iCiEISbKkHf1z","resolved":true,"title":"BatteryCarosel","body":"

A simple Yet Unique Interaction for your website

(Fully Responsive) ❤

Customization:

Battery Border Color
Battery Nib Color
Battery Radius
Close Font size
Image 1
Image 2
Image 3
Image 4
Images Gap

Need Any Help?

Email: rubabmubashar174@gmail.com

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A simple Yet Unique Interaction for your website"}]},{"type":"paragraph","content":[{"type":"text","text":"(Fully Responsive) ❤"}]},{"type":"customHeading","content":[{"type":"text","text":"Customization:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Battery Border Color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Battery Nib Color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Battery Radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Close Font size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image 1"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image 2"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image 3"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image 4"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images Gap"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Need Any Help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Email: "},{"type":"text","text":"rubabmubashar174@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:rubabmubashar174@gmail.com","target":"_blank"}}]}]}]},"introduction":"a unique battery carosel","slug":"batterycarosel","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a07c2d-3723-71fd-8046-cc791a259edb.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-07T14:04:13.149Z","updatedAt":"2026-09-07T14:04:13.149Z","publishedAt":"2026-09-07T14:04:13.146Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/BatteryCarosel-curce5.js@CSUemRowgZ8o0OtOZpCr","previewUrl":"https://plum-environment-873394.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"CSUemRowgZ8o0OtOZpCr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-07T14:04:13.723Z","updatedAt":"2026-09-07T14:04:13.723Z"},{"id":"01a0726e-e5ee-7366-a330-d673a80a4726","title":null,"body":"

A little closer to my heart

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A little closer to my heart"}]}]},"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"72506","resolved":true,"title":"MorrowVet","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A warm, modern veterinary website template designed to help clinics build trust, connect with pet parents, and turn visitors into appointments","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"This template is "},{"type":"text","text":"very close to my heart","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" because I created MorrowVet in memory of my beloved cat, "},{"type":"text","text":"Piyoko","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":". Every detail was designed with the idea of creating a place that feels warm, caring, and worthy of the animals we love"}]},{"type":"customHeading","content":[{"type":"text","text":"Pages Included"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home","marks":[{"type":"bold"}]},{"type":"text","text":" . A warm hero section, about & trust stats, veterinary services, why choose us, transformations, 4-step care process, testimonials, veterinary team, FAQ, final CTA, and footer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact","marks":[{"type":"bold"}]},{"type":"text","text":" . Contact information, appointment/contact form, map, and supporting CTA"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Legal","marks":[{"type":"bold"}]},{"type":"text","text":" . Privacy Policy and Terms & Conditions pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404","marks":[{"type":"bold"}]},{"type":"text","text":" . Custom branded 404 error page"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Special Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Hero Cat","marks":[{"type":"bold"}]},{"type":"text","text":" . The cat's eyes follow your mouse cursor, adding a playful and memorable touch to the first impression"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tilt Cards","marks":[{"type":"bold"}]},{"type":"text","text":" . Subtle 3D tilt interactions that bring cards to life as visitors interact with them"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Before & After Cards","marks":[{"type":"bold"}]},{"type":"text","text":" . Showcase patient transformations and treatment results in an engaging visual format"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Design","marks":[{"type":"bold"}]},{"type":"text","text":" . Carefully designed for Desktop, Tablet, and Mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Interactions","marks":[{"type":"bold"}]},{"type":"text","text":" . Thoughtful animations and interactions throughout the website without overwhelming the experience"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Veterinary clinics, animal hospitals, pet wellness practices, veterinary specialists, and designers creating websites for pet care businesses","marks":[{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Customize"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images","marks":[{"type":"bold"}]},{"type":"text","text":" Replace the included images with your clinic's photography"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Content","marks":[{"type":"bold"}]},{"type":"text","text":" Update the clinic name, services, team members, testimonials, and contact information"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Colors","marks":[{"type":"bold"}]},{"type":"text","text":" Easily adapt the color system to match your brand"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact Form","marks":[{"type":"bold"}]},{"type":"text","text":" Connect the form to your preferred form handler"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Map","marks":[{"type":"bold"}]},{"type":"text","text":" Replace the location with your clinic's address"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Footer","marks":[{"type":"bold"}]},{"type":"text","text":" Add your social media profiles and business links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Legal Pages","marks":[{"type":"bold"}]},{"type":"text","text":" Update the provided legal content with your business information"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Need Help?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Email:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"rubabmubashar174@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:rubabmubashar174@gmail.com","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built with care, inspired by ","marks":[{"type":"bold"}]},{"type":"text","text":"\"Piyoko\"","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"orange_heart","emoji":"🧡"}}]}]},"introduction":"Pet Care & Grooming veterinary","slug":"morrowvet","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a086c1-686b-74c9-a555-2704a7a4ba6c.jpg","metadata":{"tint":{"h":20,"s":81,"l":27},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a086c0-9af1-7458-9911-6a91f93c412a.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a086c0-0900-720a-b2c9-e192fad65ece.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a086c0-dd75-76dd-bede-cacb205d7aa4.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-09-05T16:37:45.010Z","updatedAt":"2026-09-09T15:20:46.580Z","publishedAt":"2026-09-05T16:37:45.007Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/XVGpPu6","remixUrl":"https://framer.link/XVGpPu6","previewUrl":"https://morrowvet.framer.website/","categories":[{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":245,"name":"Pet Store","slug":"pet"},{"id":218,"name":"Free","slug":"free-website-templates"},{"id":262,"name":"Veterinary","slug":"veterinary"}],"styles":[{"id":236,"name":"Light","slug":"light"}],"mainCategory":{"id":248,"name":"Services","slug":"professional-services"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-05T16:37:45.582Z","updatedAt":"2026-09-05T16:37:45.582Z"},{"id":"01a04870-54c5-705f-9be4-d02a563470ec","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"40W6owfqOZwQOTxgcQNM","resolved":true,"title":"TimerFocus","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A clean and fully customizable timer for Framer.","marks":[{"type":"bold"}]},{"type":"text","text":" Start the timer and the button automatically changes to Pause. Pause it and it becomes Resume. Reset the timer anytime with the dedicated Reset button."}]},{"type":"paragraph","content":[{"type":"text","text":"The timer also supports "},{"type":"text","text":"three customizable color stages","marks":[{"type":"bold"}]},{"type":"text","text":", allowing the timer to visually change as time progresses."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Start / Pause / Resume functionality"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reset button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatically switches between Start, Pause, and Resume states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three dynamic timer color stages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable buttons"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable timer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom stage colors based on elapsed time"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Start / Pause / Resume / Reset Buttons"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Customize almost every part of the buttons:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Button label"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Icon color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Icon"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Button width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font weight"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Horizontal padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vertical padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Icon size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gap between icon and text"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Timer"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Customize the timer appearance:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Timer text color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Timer font size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Timer font weight"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Timer size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ring thickness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glow thickness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shadow blur radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Timer background color"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Dynamic Timer Stages"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The timer automatically changes color depending on the elapsed time. You can customize each stage:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stage 1:","marks":[{"type":"bold"}]},{"type":"text","text":" 0:00 – 1:45"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stage 2:","marks":[{"type":"bold"}]},{"type":"text","text":" 1:45 – 3:00"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stage 3:","marks":[{"type":"bold"}]},{"type":"text","text":" 3:00 – 10:00"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Give each stage its own color to create visual feedback as the timer progresses."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Focus sessions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pomodoro timers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Workout websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Study timers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Productivity tools"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cooking timers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Event websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer prototypes"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it into your Framer project, customize it to match your design, and you're ready to go.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Free to use. Enjoy!","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]}]},"introduction":"A fully customizable timer","slug":"timerfocus","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a0486e-6cff-72e9-9aea-9dba47aabb19.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-28T12:55:15.875Z","updatedAt":"2026-08-28T14:22:46.673Z","publishedAt":"2026-08-28T12:55:15.866Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/TimerFocus-cxyWz8.js@mjvN7xRmM8oG686Wf2v4","previewUrl":"https://amused-days-216872.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"mjvN7xRmM8oG686Wf2v4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-28T12:55:16.423Z","updatedAt":"2026-08-28T12:55:16.423Z"},{"id":"01a02f24-7221-7417-9b14-1a35ce87ace1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"bBVL3iF68Fsf0mABORlz","resolved":true,"title":"PageFlip","body":"$54","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"PageFlip. Turn Your PDF Into an Interactive Book"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"PageFlip","marks":[{"type":"bold"}]},{"type":"text","text":" converts any PDF into a beautiful, interactive book with a realistic page-flip animation. Add it to your Framer website, paste your PDF link into the Framer properties panel, and you're ready to go."}]},{"type":"paragraph","content":[{"type":"text","text":"It is fully responsive. On "},{"type":"text","text":"desktop and tablet","marks":[{"type":"bold"}]},{"type":"text","text":", the book displays two pages side by side. On "},{"type":"text","text":"mobile","marks":[{"type":"bold"}]},{"type":"text","text":", it automatically switches to a single-page layout for a better reading experience."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D page-flip animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two page spread on desktop and tablet"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Single page layout on mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mouse drag to flip pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Touch friendly mobile navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Previous / next controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Page counter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zoom controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fullscreen mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose starting page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom button size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom button radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom button background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom icon color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable book height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom page aspect ratio"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Page corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Box shadow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spine shadow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Perspective control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable flip speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable / disable drag interaction"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add "},{"type":"text","text":"PageFlip","marks":[{"type":"bold"}]},{"type":"text","text":" to your Framer project."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload your PDF to a publicly accessible location."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy the direct PDF URL."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste the URL into the "},{"type":"text","text":"PDF URL","marks":[{"type":"bold"}]},{"type":"text","text":" field in the Framer properties panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the book using the available properties."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish your website. That's it."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Need help creating a PDF URL? See the “Buy” section above for instructions."}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"PageFlip is perfect for websites that need to display:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Digital magazines"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lookbooks"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product catalogs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Company brochures"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wedding magazines"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Event programs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Menus"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reports"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"E-books"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Presentations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Guides"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Downloadable brochures"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Need Help?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"If you have any questions, encounter an issue, or need help setting up PageFlip, feel free to contact me."}]},{"type":"paragraph","content":[{"type":"text","text":"Email:","marks":[{"type":"bold"}]},{"type":"text","text":" rubabmubashar174@gmail.com"}]},{"type":"paragraph","content":[{"type":"text","text":"I'd be happy to help!"}]}]},"introduction":"Turn any PDF into a beautiful inte","slug":"pageflip","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a02f24-5072-71bb-abc0-843fc749056d.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-23T15:01:52.245Z","updatedAt":"2026-09-02T16:16:35.794Z","publishedAt":"2026-08-23T15:01:52.241Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://happy-product-826433.framer.app/","price":"10","paymentUrl":"https://rubabmubashar.gumroad.com/l/pageflip","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"as6nfTVcXA1hW7a1IgsU","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-23T15:01:52.802Z","updatedAt":"2026-08-23T15:01:52.802Z"},{"id":"01a01023-900c-7054-9b6b-565d018f26a7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"71432","resolved":true,"title":"EverVow","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"EverVow","marks":[{"type":"bold"}]},{"type":"text","text":" is an elegant and romantic Framer template designed for wedding planners, coordinators, event studios, and creative wedding professionals."}]},{"type":"paragraph","content":[{"type":"text","text":"With its warm neutral palette, refined typography, spacious layouts, and subtle animations, EverVow creates a premium online experience that puts your work and love stories at the center."}]},{"type":"customHeading","content":[{"type":"text","text":"✦ What's Included"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Beautiful, responsive layouts for desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-powered Services and Service Details"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-powered Blog and Blog Details"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gallery to showcase weddings and events"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Packages and pricing sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Testimonials and FAQ sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Elegant contact page with inquiry form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth scroll and subtle micro-interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reusable components for easy customization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style Guide for colors, typography, spacing, and components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404, Privacy, Terms, Licenses, and Changelog pages"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"✦ Perfect For"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Wedding planners, wedding coordinators, event planners, destination wedding studios, bridal businesses, and creative event professionals."}]},{"type":"paragraph","content":[{"type":"text","text":"Make it yours, tell your story, and create something beautiful with EverVow. ♡","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Need Help?","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Contact: ","marks":[{"type":"bold"}]},{"type":"text","text":"rubabmubashar174@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:rubabmubashar174@gmail.com","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"A Refined Wedding Planner Template","slug":"evervow","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a086a7-1218-7527-a773-8c36efc87c34.jpg","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a086ab-0163-73a9-bf02-3b91cdc2d3d7.jpg","metadata":{"tint":{"h":20,"s":25,"l":19},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-08-17T14:32:40.475Z","updatedAt":"2026-09-09T14:56:01.445Z","publishedAt":"2026-08-17T14:32:40.472Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/sVVju60","remixUrl":"https://framer.link/sVVju60","previewUrl":"https://evervow.framer.ai/","categories":[{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":228,"name":"Illustrative","slug":"illustrative"},{"id":236,"name":"Light","slug":"light"},{"id":243,"name":"Pastel","slug":"pastel"}],"mainCategory":{"id":293,"name":"Weddings","slug":"weddings"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-17T14:32:41.228Z","updatedAt":"2026-08-17T14:32:41.228Z"},{"id":"019f8fd1-e2e7-728b-ba4d-a10ff27c1b32","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"vEraFXxGwcPs9J4uePOk","resolved":true,"title":"Glowrius Button","body":"

Glowrius Button by Rubab

A modern glowing button, perfect for dark-themed websites.

Fully Customizable

Link URL
Open in New Tab
Button Text
Font Size
Font Family
Text Color
Font Weight
Letter Spacing
Width
Height

If you like this component, please leave a ❤ and share your experience in the comments.

Need help or have questions?

📧 Email: rubabmubashar174@gmail.com

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Glowrius Button by Rubab"}]},{"type":"paragraph","content":[{"type":"text","text":"A modern glowing button, perfect for dark-themed websites."}]},{"type":"customHeading","content":[{"type":"text","text":"Fully Customizable"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Link URL"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open in New Tab"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Button Text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font Size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font Family"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text Color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font Weight"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Letter Spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Height"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"If you like this component, please leave a "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" and share your experience in the comments."}]},{"type":"paragraph","content":[{"type":"text","text":"Need help or have questions?"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"e-mail","emoji":"📧"}},{"type":"text","text":" Email: "},{"type":"text","text":"rubabmubashar174@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:rubabmubashar174@gmail.com","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Glowrius Button","slug":"glowrius-button","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/019f8fd1-bc68-7309-96de-8f99a1275a98.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-23T16:32:04.493Z","updatedAt":"2026-07-23T16:32:04.493Z","publishedAt":"2026-07-23T16:32:04.491Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Button-qdlqQC.js@PXJLR1eMGf4We2dRYFzs","previewUrl":"https://gregarious-tournaments-105471.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"PXJLR1eMGf4We2dRYFzs","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-23T16:32:04.839Z","updatedAt":"2026-07-23T16:32:04.839Z"},{"id":"019f3795-ab72-71bd-813c-cb4ae5f8118c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"itq5etpHuq692xnuJJvG","resolved":true,"title":"PhotoShop Button","body":"

A sleek, Photoshop-inspired button component with smooth hover animations and a premium, modern feel.

Customizations:

Button Text
Font
Icon (Pencil, Arrow , Check , Plus)
Icon Size
Background
Hover Background
Active Background
Text Color
Icon Fill
Icon Hover Fill
Icon Active Fill
Dot Color
Line Color
Wrapper Hover
Link URL

Need Help? rubabmubashar174@gmail.com

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A sleek, Photoshop-inspired button component with smooth hover animations and a premium, modern feel. "}]},{"type":"paragraph","content":[{"type":"text","text":"Customizations:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Button Text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Icon (Pencil, Arrow , Check , Plus)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Icon Size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Active Background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text Color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Icon Fill"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Icon Hover Fill"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Icon Active Fill"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dot Color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Line Color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wrapper Hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Link URL"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Need Help?","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"rubabmubashar174@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://mailto:rubabmubashar174@gmail.com/","target":"_blank"}}]}]}]},"introduction":"PhotoShop Animated Button","slug":"photoshop-button","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/6pv3nyly","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-06T13:19:43.421Z","updatedAt":"2026-09-02T16:18:14.886Z","publishedAt":"2026-07-06T13:19:43.413Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://violet-pitch-502622.framer.app/","price":"5","paymentUrl":"https://rubabmubashar.gumroad.com/l/photoshopbutton","workshop":true,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"WZ0n0uccimo24RsYBkFF","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-06T13:19:43.474Z","updatedAt":"2026-07-06T13:19:43.474Z"},{"id":"019f188b-b6be-73ab-bce0-f8dc2d1254fe","title":null,"body":"

Being an introvert is difficult. You don't want to post, but you have so many ideas. 😶

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Being an introvert is difficult. You don't want to post, but you have so many ideas. 😶"}]}]},"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-30T12:40:37.314Z","updatedAt":"2026-06-30T12:40:37.314Z"},{"id":"019ee037-acfe-71f9-8f71-303c52dee3fb","title":null,"body":"

An Interactive Control Panel feels like 3D Buttons

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An Interactive Control Panel feels like 3D Buttons"}]}]},"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"SdS0OgneNU8r5DZu0vGq","resolved":true,"title":"ControlPanel","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Control Panel","marks":[{"type":"bold"}]},{"type":"text","text":" is a modern UI component built to give your users clear, intuitive actions with a polished visual feel.Preview Link: "},{"type":"text","text":"https://tiny-beaver-482891.framer.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://tiny-beaver-482891.framer.app/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"It features a minimal set of buttons with distinct states, making actions like play, stop, or reset feel more engaging and responsive. The layout is clean and structured, allowing it to fit seamlessly into dashboards, apps, or interactive sections."}]},{"type":"paragraph","content":[{"type":"text","text":"The subtle feedback and visual hierarchy help users instantly understand what’s active, improving usability without adding complexity. It’s perfect for creating small control areas that still feel premium and thoughtfully designed."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're building a web app, game interface, or interactive landing page, this component adds clarity and smooth interaction with very little setup."}]},{"type":"customHeading","content":[{"type":"text","text":"Customization"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Variants"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font Size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Active Colors"}]}]}]},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-n5713651-G1iVIwtHJzfIXTSnjClFuyttMldVfh","link":null,"caption":"","uploadId":"upload-1775917180433-bmje7"}},{"type":"customHeading","content":[{"type":"text","text":"Best for: dashboards, game UI, interactive sections, control panels, web apps"}],"attrs":{"level":2}}]},"introduction":"An Interactive Control Panel","slug":"controlpanel","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/oqna56i0","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-19T14:10:05.667Z","updatedAt":"2026-09-02T16:16:57.954Z","publishedAt":"2026-06-19T14:10:05.663Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/InteractiveControlPanel-uUprkb.js@Xs5vLcxL55iUQDkfxamq","previewUrl":"https://tiny-beaver-482891.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"Xs5vLcxL55iUQDkfxamq","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-19T14:10:05.694Z","updatedAt":"2026-06-19T14:10:05.694Z"},{"id":"019edb39-112b-73b6-a3f4-0f860fcf9b98","title":null,"body":"

Framer 3.0 is here!

One thing I find fascinating is the marketing behind their $100K hackathon.

Who wins? The projects with the most likes.

But here's the clever part: to like a project, you need to be a member of the Framer community, which means creating an account.

So now it's not just developers and designers joining Framer. Friends, audiences, and supporters are creating accounts too, just to vote for their favorite projects.

As a result:

• Framer grows its community

• Participants get exposure and engagement

• The audience gets to discover amazing projects

Seems like a win-win-win for everyone involved.

What do you think about this strategy?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer 3.0 is here!"}]},{"type":"paragraph","content":[{"type":"text","text":"One thing I find fascinating is the marketing behind their $100K hackathon."}]},{"type":"paragraph","content":[{"type":"text","text":"Who wins? The projects with the most likes."}]},{"type":"paragraph","content":[{"type":"text","text":"But here's the clever part: to like a project, you need to be a member of the Framer community, which means creating an account."}]},{"type":"paragraph","content":[{"type":"text","text":"So now it's not just developers and designers joining Framer. Friends, audiences, and supporters are creating accounts too, just to vote for their favorite projects."}]},{"type":"paragraph","content":[{"type":"text","text":"As a result: "}]},{"type":"paragraph","content":[{"type":"text","text":"• Framer grows its community "}]},{"type":"paragraph","content":[{"type":"text","text":"• Participants get exposure and engagement "}]},{"type":"paragraph","content":[{"type":"text","text":"• The audience gets to discover amazing projects"}]},{"type":"paragraph","content":[{"type":"text","text":"Seems like a win-win-win for everyone involved."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What do you think about this strategy?"}]}]},"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/cgix9ziv","metadata":{"tint":{"h":30,"s":22,"l":14},"width":720,"height":727}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-18T14:53:30.799Z","updatedAt":"2026-06-18T14:53:30.799Z"},{"id":"019ed245-7026-740b-aba0-5b9692fb1cb3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed245-7026-740b-aba0-5fd58cb68973","contestId":"agents-hackathon","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"]},"title":"Snake Game","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Snake Game – Built with Framer Agent"}]},{"type":"paragraph","content":[{"type":"text","text":"Snake Game","marks":[{"type":"bold"}]},{"type":"text","text":" is a fully playable, responsive arcade experience created entirely with "},{"type":"text","text":"Framer Agent","marks":[{"type":"bold"}]},{"type":"text","text":". The project reimagines the classic Snake game with a modern UI, smooth animations, glowing visuals, and cross-device controls."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Classic Snake gameplay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard controls (Arrow Keys / WASD)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile swipe support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fast Mode for an extra challenge"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High-score memory using local storage"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Particle effects and glowing food animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sound toggle controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive design optimized for desktop and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern neon-inspired game interface"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"What I Built"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"I challenged myself to see how far I could push "},{"type":"text","text":"Framer Agent","marks":[{"type":"bold"}]},{"type":"text","text":" beyond traditional website creation by building an interactive game experience directly inside Framer. The result is a polished, lightweight Snake Game that combines classic gameplay mechanics with modern web design principles."}]},{"type":"customHeading","content":[{"type":"text","text":"Why This Project"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Most Framer projects focus on landing pages and UI design. I wanted to demonstrate that Framer can also be used to create engaging, interactive experiences and game-like applications while maintaining excellent performance and responsiveness."}]},{"type":"customHeading","content":[{"type":"text","text":"Built With"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Agent"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"A nostalgic game experience, rebuilt with modern web technology and AI-assisted development.","marks":[{"type":"bold"}]}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/8nb7wkd0","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"data":{"previewUrl":"https://snakegame.framer.ai/"},"winner":false,"createdAt":"2026-06-16T21:10:26.649Z","updatedAt":"2026-06-16T21:10:26.649Z"}],"categories":[],"tags":[],"likes":{"count":23,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T21:10:26.604Z","updatedAt":"2026-06-16T21:10:26.604Z"},{"id":"019ed1ff-662c-75e5-84bf-6dfdbe88e115","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"FAkqahNcsqph4umFR4cC","resolved":true,"title":"Progress Line","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ProgressBar for Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"Create beautiful, professional progress indicators with ProgressLine, a fully customizable progress bar component built for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're showcasing skills, statistics, project completion, KPIs, or performance metrics, ProgressLine gives you complete control over typography, colors, spacing, and styling directly from Framer's properties panel."}]},{"type":"customHeading","content":[{"type":"text","text":"Features:"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Dynamic progress width based on percentage value "}]},{"type":"paragraph","content":[{"type":"text","text":"• Clean two-row layout "}]},{"type":"paragraph","content":[{"type":"text","text":"• Skill/Label text on the left "}]},{"type":"paragraph","content":[{"type":"text","text":"• Percentage value on the right "}]},{"type":"paragraph","content":[{"type":"text","text":"• Fully responsive "}]},{"type":"paragraph","content":[{"type":"text","text":"• Smooth progress animations "}]},{"type":"paragraph","content":[{"type":"text","text":"• Modern and lightweight design "}]},{"type":"paragraph","content":[{"type":"text","text":"• Easy customization through Framer controls"}]},{"type":"paragraph","content":[{"type":"text","text":"Controls"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"If you like this component, please leave a "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" and share your experience in the comments."}]},{"type":"paragraph","content":[{"type":"text","text":"Need help or have questions?"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"e-mail","emoji":"📧"}},{"type":"text","text":" Email: "},{"type":"text","text":"rubabmubashar174@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:rubabmubashar174@gmail.com","target":"_blank"}}]}]},{"type":"paragraph"}]},"introduction":"Elegant Progress Bar","slug":"progress-line","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/6d5bh65o","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-16T19:53:56.471Z","updatedAt":"2026-09-02T16:17:18.984Z","publishedAt":"2026-06-16T19:53:56.458Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ProgressLine-U3KF5O.js@B4kKy2RcYCrU1hZKYWGn","previewUrl":"https://effective-agency-714767.framer.app/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"B4kKy2RcYCrU1hZKYWGn","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T19:53:56.525Z","updatedAt":"2026-06-16T19:53:56.525Z"},{"id":"019ed1fa-56eb-754b-9f38-6babb9b963a5","title":null,"body":"

My First Component In Framer 3.0

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My First Component In Framer 3.0"}]}]},"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"PZSqdT5wzTGWFCfTe1Ai","resolved":true,"title":"GoldGlowButton","body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"GoldenGlow Button for Framer"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" Live Preview: "},{"type":"text","text":"https://delightful-value-802892.framer.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://delightful-value-802892.framer.app/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Bring a touch of luxury to your website with the GoldenGlow Button, a sleek dark-themed button featuring a stunning golden glow border and premium hover effects."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for modern websites, portfolios, SaaS products, and high-end brands, this button instantly draws attention to your most important call-to-action."}]},{"type":"paragraph","content":[{"type":"text","text":"Features"}]},{"type":"paragraph","content":[{"type":"text","text":"• Elegant golden glow border "}]},{"type":"paragraph","content":[{"type":"text","text":"• Premium dark glass-inspired design "}]},{"type":"paragraph","content":[{"type":"text","text":"• Smooth hover animations "}]},{"type":"paragraph","content":[{"type":"text","text":"• Fully responsive on all devices"}]},{"type":"paragraph","content":[{"type":"text","text":"• Easy customization of text, colors & sizing "}]},{"type":"paragraph","content":[{"type":"text","text":"• Lightweight and optimized for performance "}]},{"type":"paragraph","content":[{"type":"text","text":"• Ready to use in Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect For"}]},{"type":"paragraph","content":[{"type":"text","text":"• Premium landing pages "}]},{"type":"paragraph","content":[{"type":"text","text":"• SaaS websites "}]},{"type":"paragraph","content":[{"type":"text","text":"• Startup products "}]},{"type":"paragraph","content":[{"type":"text","text":"• Portfolio websites "}]},{"type":"paragraph","content":[{"type":"text","text":"• Agency websites "}]},{"type":"paragraph","content":[{"type":"text","text":"• Luxury brands "}]},{"type":"paragraph","content":[{"type":"text","text":"• Call-to-action sections"}]},{"type":"paragraph","content":[{"type":"text","text":"Why This Button?"}]},{"type":"paragraph","content":[{"type":"text","text":"First impressions matter."}]},{"type":"paragraph","content":[{"type":"text","text":"The GoldenGlow Button helps your website stand out by adding:"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"heavy_check_mark","emoji":"✔"}},{"type":"text","text":" Premium visual appeal "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"heavy_check_mark","emoji":"✔"}},{"type":"text","text":" Stronger CTA visibility "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"heavy_check_mark","emoji":"✔"}},{"type":"text","text":" Better user engagement "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"heavy_check_mark","emoji":"✔"}},{"type":"text","text":" Modern luxury aesthetics "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"heavy_check_mark","emoji":"✔"}},{"type":"text","text":" Higher perceived value"}]},{"type":"paragraph","content":[{"type":"text","text":"Instead of using a plain button, create a sophisticated experience that naturally guides users toward taking action."}]},{"type":"paragraph","content":[{"type":"text","text":"What You Get"}]},{"type":"paragraph","content":[{"type":"text","text":"• Ready-to-use Framer component "}]},{"type":"paragraph","content":[{"type":"text","text":"• Easy customization controls "}]},{"type":"paragraph","content":[{"type":"text","text":"• Responsive design "}]},{"type":"paragraph","content":[{"type":"text","text":"• Lifetime access"}]}]},"introduction":"GoldGlowButton","slug":"goldglowbutton","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/76x59igl","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-16T19:48:24.907Z","updatedAt":"2026-08-23T15:22:38.933Z","publishedAt":"2026-06-16T19:48:24.901Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://delightful-value-802892.framer.app/","price":"3","paymentUrl":"https://rubabmubashar.gumroad.com/l/GoldGlowButton","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"3jAUkdZ8isNfUPzjaJeQ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T19:48:24.939Z","updatedAt":"2026-06-16T19:48:24.939Z"},{"id":"019ed1e4-7407-74f8-805c-1fca9d3194dc","title":null,"body":"

Hello Framer Community!🖐

Just spent some time exploring the new release and I'm genuinely impressed. The pace at which Framer keeps evolving is making it harder to imagine building marketing websites anywhere else.

From AI-powered workflows to major CMS improvements, it feels like Framer is doubling down on helping creators ship faster than ever.

What's your favorite feature in Framer 3.0 so far?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hello Framer Community!🖐"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Just spent some time exploring the new release and I'm genuinely impressed. The pace at which Framer keeps evolving is making it harder to imagine building marketing websites anywhere else."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"From AI-powered workflows to major CMS improvements, it feels like Framer is doubling down on helping creators ship faster than ever."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What's your favorite feature in Framer 3.0 so far? "}]}]},"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T19:24:30.603Z","updatedAt":"2026-06-16T19:24:30.603Z"},{"id":"019ebc51-603e-75ec-b52b-9642580cb17c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"16183","resolved":true,"title":"SME Empowerment","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"SME Empowerment is a SaaS platform that I designed and developed from scratch in Framer. I independently built 42+ pages, taking care of both the visual design and the complete Framer development."}]},{"type":"paragraph","content":[{"type":"text","text":"The project involved creating a scalable website structure rather than simply designing individual pages. I built a large, multi level navigation system to help users easily explore the platform and its different sections, while keeping the experience responsive across desktop, tablet, and mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"I also developed a complete blog system using Framer CMS, along with 4 reusable CMS template pages for dynamic content. This allowed the client to manage and publish content without needing to manually recreate layouts for every new page."}]},{"type":"paragraph","content":[{"type":"text","text":"The website includes custom scroll-based animations, interactive elements, page transitions, responsive layouts, reusable components, and carefully structured sections throughout the platform. I also handled the technical side of the build, including SEO setup, structured content, redirects, and other production-ready details."}]},{"type":"paragraph","content":[{"type":"text","text":"From the initial design system through the final responsive implementation, I handled the project independently, with a focus on creating a polished, scalable, and easy-to-manage Framer website."}]}]},"introduction":"Developed a 50+ page enterprise website for SME Empowerment, showcasing AI-powered manufacturing, operational excellence, and digital transformation solutions. Built responsive, high-performance pages with seamless navigation and modern user experiences.","slug":"sme-empowerment","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a0fd23-0c76-77be-84be-ffef0dd6ce64.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a0fd23-0c69-755e-b525-2e3cbbab2e69.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3cd45d2c-e771-49a0-84a0-f3d32c6e12ec/01a0fd23-0c6f-73a9-9257-0787ff330ff9.jpg","metadata":{"tint":{"h":0,"s":67,"l":9},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-06-12T14:51:50.204Z","updatedAt":"2026-10-02T15:06:21.997Z","publishedAt":"2026-06-12T14:51:50.206Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://sme-empowerment.com/","categories":[{"id":"1fec15c2-ca4a-4d52-bf3a-c04e6d002202","name":"SaaS","slug":"saas"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-12T14:51:50.206Z","updatedAt":"2026-06-12T14:51:50.206Z"},{"id":"019d9bca-484a-79d6-a558-b8d8cb598d21","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"9AWnL2jLSxKGBwTNxpT3","resolved":true,"title":"HoverPreviewCard","body":"$5b","bodyJson":null,"introduction":"sleek hover card with a floating preview","slug":"hoverpreviewcard","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/9AWnL2jLSxKGBwTNxpT3/hoverpreviewcard-Yr7YWLzkIW7sGjBv5rSqOdxtDKHG81","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-07T18:04:34.105Z","updatedAt":"2026-04-18T17:08:01.076Z","publishedAt":"2026-04-17T14:13:38.506Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/HoverPreviewCard-k3g1yI.js@ort6gfVf9TuZDZ3nqsY5","previewUrl":"https://playful-hexagon-235079.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"ort6gfVf9TuZDZ3nqsY5","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":39,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-17T14:13:38.506Z","updatedAt":"2026-04-17T14:13:38.506Z"},{"id":"019d5471-fea2-7b40-93b6-f451ff210519","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"fiVzti3HPYxgPU0ZXb1l","resolved":true,"title":"SoftPressKey","body":"$5c","bodyJson":null,"introduction":"Interactive Keyboard key","slug":"softpresskey","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/fiVzti3HPYxgPU0ZXb1l/softpresskey-n2Hr8ibMgcC8OS8uq0y2uMdSMJa15U","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-24T14:34:15.492Z","updatedAt":"2026-08-23T15:21:50.585Z","publishedAt":"2026-04-03T17:44:10.146Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://driving-coconut-646490.framer.app/","price":"2","paymentUrl":"https://rubabmubashar.gumroad.com/l/softpresskey","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"1W4J9jEt1kh6FhqfJoVZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-03T17:44:10.146Z","updatedAt":"2026-04-03T17:44:10.146Z"},{"id":"019d06d2-aeee-7188-8547-ddb9f1708865","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"bHSeSLe6gfohpYvPzORB","resolved":true,"title":"Buzzer","body":"

This 3D buzzer component adds a fun and tactile interaction to any interface. When the user presses the button, it smoothly pushes inward and creates a convincing depth effect, giving the feeling of pressing a real physical buzzer.

The component is fully customizable so it can easily match any design system. All visual properties shown in the preview can be adjusted directly from the property panel.

You can customize:

The component is lightweight, responsive, and easy to drop into any Framer project. It works great for playful UI, interactive sections, call-to-action elements, or experimental interfaces where a tactile feel improves the user experience.

Simple to use. Visually satisfying. Fully customizable.

","bodyJson":null,"introduction":"A tactile 3D buzzer button","slug":"buzzer","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/bHSeSLe6gfohpYvPzORB/buzzer-w68L2M6Oi970icUpzvEIiH8c4loD1z","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-11T15:08:16.274Z","updatedAt":"2026-03-19T09:06:28.633Z","publishedAt":"2026-03-19T15:59:23.886Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Buzzer-q1Dy6n.js@724oeZmZkbPEwdlnxKHE","previewUrl":"https://next-homework-348731.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"724oeZmZkbPEwdlnxKHE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-19T15:59:23.886Z","updatedAt":"2026-03-19T15:59:23.886Z"},{"id":"019ce242-8424-7fe4-8b02-f00930cf00d9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"3s6hH9ID39TE4kd5ltlb","resolved":true,"title":"Flexible Toggle Switch","body":"

FlexToggle Switch is a modern UI toggle component designed for adaptable interfaces. It allows designers and developers to easily customize the switch's background color and size, making it suitable for different themes, layouts, and accessibility needs. The component provides clear visual feedback between active and inactive states while maintaining a minimal and clean design language.

Its scalable structure ensures it works seamlessly across mobile, tablet, and desktop interfaces, making it ideal for settings, preferences, and feature toggles.

✅ Key Features

Adjustable background color
Adjustable Shadow
Scalable size variations
Clear active/inactive visual states
Minimal, modern UI style
Suitable for responsive design systems

","bodyJson":null,"introduction":"A flexible toggle with customizable size","slug":"flexibletoggleswitch","author":{"framerUserId":"3cd45d2c-e771-49a0-84a0-f3d32c6e12ec","name":"Rubab Mubashar","slug":"rubab-mubashar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1687230/avatar-LHCUcbkmEckdjuCyjyr0FvWp7marhY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/3s6hH9ID39TE4kd5ltlb/flexibletoggleswitch-HPzMAjdSZc5TapLhHsq8l2TMRKeXTc","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-06T18:12:06.206Z","updatedAt":"2026-03-12T11:54:38.020Z","publishedAt":"2026-03-12T13:35:35.972Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/FlexibleToggleSwitch-kRJ4Nq.js@OpqnEDaPIGt7fMuAE7cS","previewUrl":"https://great-situation-573776.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"OpqnEDaPIGt7fMuAE7cS","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-12T13:35:35.972Z","updatedAt":"2026-03-12T13:35:35.972Z"}],"pagination":{"next":"MDE5Y2UyNDItODQyNC03ZmU0LThiMDItZjAwOTMwY2YwMGQ5","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5d"}]