4f:I[267044,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0feduxwyr82nv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/0h18ahbw9nndq.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/0yqk60ay0h76r.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/046rld3pdrzo7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/0lmmb08iwroji.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 50:Tf82,

Vortex uses a 3D simplex noise field to drive hundreds of particles through organic, ever-changing flow patterns. The effect feels alive without being distracting. Particles drift, swirl, and glow with a natural rhythm that adapts to your layout. Two presets give you flexibility: Full Width fills the entire container as an ambient background layer, while Orb concentrates particles into a soft, glowing sphere using Gaussian distribution and cubic distance falloff. Everything runs on a single HTML canvas with no external dependencies.

Use cases

Hero sections and above-the-fold backgrounds on landing pages
Product or feature showcase sections that need visual energy
Dark-themed portfolios and agency websites
Behind pricing tables, CTAs, or sign-up forms as a subtle accent
Standalone orb element for visual storytelling or section breaks

Key features

Two layout presets: Full Width and Orb, switchable via a single dropdown
Noise-driven particle motion that is organic and non-repetitive
Gaussian spawn distribution for the Orb preset with dense center, soft edges, and no masking
Dual-pass glow rendering with additive blending for a bloom effect
Fully self-contained with zero external dependencies, works instantly in Framer
Responsive and adapts to any container size on resize

Customization options

You can easily customize this component to match your brand and visual direction:

Set the particle hue to match your brand palette (full 0-360° color wheel)
Control particle density, size, and speed independently
Adjust vertical spread (Full Width) or orb radius as % of container (Orb)
Fine-tune swirl complexity with a single Turbulence slider
Toggle the glow/bloom effect on or off
Change the background color to any value

Setup procedure

Copy the component into your Framer project
Place it in the desired section of your page
Select your preset: Full Width or Orb
Adjust color, density, speed, and turbulence to taste
Publish! No additional setup required

The component is self-contained with no external dependencies. Just paste and go!!

Pro tips

Start with 300-500 particles for a balanced look; go higher only on sections where the effect is the focal point
Keep turbulence below 0.5 for smooth, calming flows. Push it above 0.7 for chaotic energy
The Orb preset works best at 30-40% radius on wide containers; go larger on narrow or square frames
Pair with dark backgrounds for maximum glow impact since the additive blending shines on dark surfaces
Layer content on top using Framer's stacking. The canvas sits behind everything naturally

Support includes

Vortex is built to be flexible and plug-and-play. If you need help customizing the effect, integrating it into a specific layout, or want a bespoke variation, feel free to reach out. I'm available for custom enhancements and Framer projects.

Email: Pranavpatil70@gmail.com | LinkedIn

(Available for custom projects)

51:Tc3b,

Minimal Testimonial is designed with a strong editorial sensibility, inspired by print media and modern magazines. The layout embraces sharp edges, clean grids, and generous whitespace to create a calm, confident visual rhythm. Typography leads the design, while subtle transitions add polish without distracting from the content. The result is a premium testimonial section that feels intentional, timeless, and quietly expressive ideal for brands that value clarity over decoration.

Use cases

SaaS landing pages focused on credibility and trust
Agency and studio websites showcasing client feedback
Personal portfolios with editorial-style layouts
Premium product or brand websites
Sections where testimonials should feel intentional, not decorative

Key features

Carousel-based testimonial layout with manual navigation
Visible navigation controls for clear user interaction
Subtle transitions when switching between testimonials
Highlighted testimonial statements paired with detailed copy
Clean visual hierarchy designed for premium brands

Customization options

You can easily customize this component to match your brand and content needs:

Change client images and names
Update highlighted testimonial statements and supporting text
Customize typography styles to match your brand system
Apply brand colors to text highlights, accents, and controls.

Setup procedure

Copy the component into your Framer project
Place it in the desired section of your page
Replace client images, names, and testimonial content
Adjust typography styles and brand colors
Publish! no additional setup required

The component is Mobile responsive so no additional setup needed!

Pro tips

Use concise, confident highlight statements to draw attention
Pair this component with generous spacing for an editorial feel
Avoid overusing animations around it, subtle motion works best
Ideal for sections where trust matters more than visual flair

Support includes

Minimal Testimonial is built to be flexible and brand-ready. If you need help customizing the layout, typography, or interaction to better match your brand or project needs, feel free to reach out. I’m available for custom enhancements and bespoke Framer projects.

Email: Pranavpatil70@gmail.com Linkedin

(Available for custom projects)

4e:["$","$L4f",null,{"value":{"fallback":{"$inf$activity-creator-56c3b6d5-b87d-4ee9-ae68-51d3e4be0af7-all:/unified/creator/56c3b6d5-b87d-4ee9-ae68-51d3e4be0af7/activity/":[{"data":[{"id":"019ed969-8020-70f2-a196-b863088788c1","type":"comment.created","target":{"type":"post","id":"019ed633-21ea-730b-a125-8477b310db09","preview":"My submission for the Hackathon 🚀\nA GenAI-powered portfolio that acts as my digital twin. Ask anything about my work, projects, or experience, and it responds in real time with text, cards, images, and rich visual outputs.\nThe craziest part? Most of the design, layouts, and development were created with AI agents with very little manual work.\nExcited to see what's possible when AI becomes both the designer and the developer. 🤖✨","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My submission for the Hackathon "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"A GenAI-powered portfolio that acts as my digital twin. Ask anything about my work, projects, or experience, and it responds in real time with text, cards, images, and rich visual outputs."}]},{"type":"paragraph","content":[{"type":"text","text":"The craziest part? Most of the design, layouts, and development were created with AI agents with very little manual work."}]},{"type":"paragraph","content":[{"type":"text","text":"Excited to see what's possible when AI becomes both the designer and the developer. "},{"type":"emoji","attrs":{"name":"robot","emoji":"🤖"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed633-21ea-730b-a125-8477b310db09","like":{"count":68,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ed969-800f-7659-9768-6a8237d0bc3c","preview":"Portfolio presentation just got to another level!! Amazing!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio presentation just got to another level!! Amazing!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed633-21ea-730b-a125-8477b310db09","like":{"count":2,"liked":false},"reply":{"parentCommentId":"019ed969-800f-7659-9768-6a8237d0bc3c"},"repost":null}},"actors":[{"id":"56c3b6d5-b87d-4ee9-ae68-51d3e4be0af7","name":"Pranav Patil","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/452741/3ac7e2b9f824b10f6cccf71fe8768c36-mvORuxpX0euRegbviZZMTjsItDcnFv","slug":"pranav-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T06:27:10.496Z","latestAt":"2026-06-18T06:27:10.496Z"},{"id":"019ed968-2ffc-70ef-a180-1fbf56555528","type":"post.liked","target":{"type":"post","id":"019ed633-21ea-730b-a125-8477b310db09","preview":"My submission for the Hackathon 🚀\nA GenAI-powered portfolio that acts as my digital twin. Ask anything about my work, projects, or experience, and it responds in real time with text, cards, images, and rich visual outputs.\nThe craziest part? Most of the design, layouts, and development were created with AI agents with very little manual work.\nExcited to see what's possible when AI becomes both the designer and the developer. 🤖✨","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My submission for the Hackathon "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"A GenAI-powered portfolio that acts as my digital twin. Ask anything about my work, projects, or experience, and it responds in real time with text, cards, images, and rich visual outputs."}]},{"type":"paragraph","content":[{"type":"text","text":"The craziest part? Most of the design, layouts, and development were created with AI agents with very little manual work."}]},{"type":"paragraph","content":[{"type":"text","text":"Excited to see what's possible when AI becomes both the designer and the developer. "},{"type":"emoji","attrs":{"name":"robot","emoji":"🤖"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed633-21ea-730b-a125-8477b310db09","like":{"count":68,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"56c3b6d5-b87d-4ee9-ae68-51d3e4be0af7","name":"Pranav Patil","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/452741/3ac7e2b9f824b10f6cccf71fe8768c36-mvORuxpX0euRegbviZZMTjsItDcnFv","slug":"pranav-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T06:25:44.441Z","latestAt":"2026-06-18T06:25:44.441Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:56c3b6d5-b87d-4ee9-ae68-51d3e4be0af7:/unified/posts/?creator=56c3b6d5-b87d-4ee9-ae68-51d3e4be0af7&with=reposts":[{"data":[{"id":"019e7dd0-1af0-7e0d-bc11-09725a5068f6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"56c3b6d5-b87d-4ee9-ae68-51d3e4be0af7","name":"Pranav Patil","slug":"pranav-ux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/452741/3ac7e2b9f824b10f6cccf71fe8768c36-mvORuxpX0euRegbviZZMTjsItDcnFv","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ohrGtGQYRNqM27Coy2vV","resolved":true,"title":"Particle Vortex","body":"$50","bodyJson":null,"introduction":"Premium noise-driven particle animation ","slug":"particle-vortex","author":{"framerUserId":"56c3b6d5-b87d-4ee9-ae68-51d3e4be0af7","name":"Pranav Patil","slug":"pranav-ux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/452741/3ac7e2b9f824b10f6cccf71fe8768c36-mvORuxpX0euRegbviZZMTjsItDcnFv","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ohrGtGQYRNqM27Coy2vV/particle-vortex-Xd9FtoMa2O8ehm0tHeyXgYqFm5AS8P","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-24T11:39:12.293Z","updatedAt":"2026-06-12T11:27:29.867Z","publishedAt":"2026-05-31T11:34:10.928Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://thistle-slides-007975.framer.app/","price":"4","paymentUrl":"https://polar.sh/checkout/polar_c_WnbVaGqJbz9NILS84fIECJRO1JKTX6EbpubPo3Z7OIt","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"EB9N5ZEGbpRzUenMQRLG","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-31T11:34:10.928Z","updatedAt":"2026-05-31T11:34:10.928Z","type":"post"},{"id":"019c8af4-5f61-764e-9fab-450e27874bfb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"56c3b6d5-b87d-4ee9-ae68-51d3e4be0af7","name":"Pranav Patil","slug":"pranav-ux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/452741/3ac7e2b9f824b10f6cccf71fe8768c36-mvORuxpX0euRegbviZZMTjsItDcnFv","followed":false,"followsYou":false},"media":[],"resources":[{"id":"EjveNOthfaKmEtOJyuda","resolved":true,"title":"Minimal Testimonial","body":"$51","bodyJson":null,"introduction":"Premium testimonial carousel with subtle","slug":"minimal-testimonial","author":{"framerUserId":"56c3b6d5-b87d-4ee9-ae68-51d3e4be0af7","name":"Pranav Patil","slug":"pranav-ux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/452741/3ac7e2b9f824b10f6cccf71fe8768c36-mvORuxpX0euRegbviZZMTjsItDcnFv","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/oECCcGSAc1FwPPjXIqd5/minimal-testimonial-ZYfqTBzhsy4UUEHrqaZBuP0fFOJj7d","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-09T04:43:05.329Z","updatedAt":"2026-02-23T14:28:21.909Z","publishedAt":"2026-02-23T14:43:16.961Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://minimaltestimonial.framer.website/","price":"6","paymentUrl":"https://buy.polar.sh/polar_cl_6YMFtPvVhOhuhaHsINcxej9Y61R8wD4XYZESQ29cSdp","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"d5z2pGzwytMUXJ4yHoIK","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-02-23T14:43:16.961Z","updatedAt":"2026-02-23T14:43:16.961Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L52"}]