62:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 63:T9b7,

Unlock entire Depth library for $149. One price. Lifetime.

--------------------------------------------------------

Turn any part of your page into a scratch card. Scratch to Reveal hides an image, text, or any custom layout under a scratchable cover. It lets visitors rub it away with a cursor or finger — perfect for promo codes, giveaways, product teasers, and playful landing pages.

How to use

Drop the component into your layout and choose a Content Type: an image, plain text, a custom layout slot, a mixed card, or a full Reward card with a coupon code, claim button, and link.

Style the cover with one of six surfaces — Holographic, Silver, Gold, Frosted, Gradient, or Paper — or use your own cover image and colors, and adjust the texture amount. Then tune the interaction: brush size, edge roughness, the completion threshold, and whether the card finishes on release once enough is scratched. Add a scratch hint with its own icon and text, celebrate with confetti, and control resets with a reset button, auto reset timer, or toggle.

Features

Scratch-to-reveal interaction with mouse and touch support
Five content types: image, text, custom layout, mixed, and reward
Reward mode with coupon code, claim button, and link
Six cover surfaces including holographic, gold, and frosted
Custom cover image or three-color cover palette
Adjustable texture, brush size, and edge roughness
Completion threshold with optional release-to-finish behavior
Scratch hint with custom text, icon, color, and font
Optional confetti celebration on reveal
Reset button, auto reset timer, and reset toggle
Custom fonts, colors, corner radius, border, and cursor
Works as a section, frame, or full-page element
Responsive across desktop, tablet, and mobile

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

64:T9a5,

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

Breadcrumbs that build themselves. Auto Breadcrumb reads the page's URL and generates a clean, clickable trail automatically — no manual linking, no per-page setup. Ideal for shops, documentation, blogs, and any site with deep pages.

Long paths collapse gracefully, separators are fully customizable, and a canvas preview path lets you design against realistic content.

How to use

Drop the component onto your pages — it picks up the current URL on the published site, while the Canvas Path field lets you preview any route while designing. Toggle the Home item and label, automatic label formatting, and a character limit for long segments.

Choose how long trails Collapse — automatic, manual with a max step count, or never — then style it: font, gap, and a Separator that can be a text character or an icon from presets like chevron, arrow, dot, and slash, or your own SVG. Step padding, radius, and colors finish the look.

Features

Automatic breadcrumbs from the page URL
No per-page setup or manual links
Canvas preview path for designing
Optional Home item with custom label
Automatic label formatting with character limit
Auto, manual, or no collapsing for long paths
Text or icon separators: chevron, arrow, dot, slash, or custom SVG
Adjustable separator color and icon size
Step padding and radius for pill-style trails
Full font and spacing control
Works in headers, page tops, and article layouts
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

65:Ta57,

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

A table of contents that writes itself. Table of Contents scans the headings already on your page. It builds a navigable outline with smooth scrolling and a scroll-spy highlight that follows the reader — the finishing touch for blogs, documentation, and long-form pages.

Three visual styles, an optional reading progress bar, and mobile collapsing make it production-ready out of the box.

How to use

Drop the component next to your article and it finds the headings automatically. Choose which levels to include (H1–H6 from/to), optionally scope it to one part of the page with a CSS selector, and pick a Style: Minimal, Numbered, or Pill.

Fine-tune the reading experience with indent, spacing, scroll offset, and smooth scrolling, and keep Sticky on so it follows the reader with your chosen top distance. Enable the Progress indicator, an optional Back-to-top link, and Mobile Collapse below your breakpoint. Colors for text, active, hover, accent, line, and panel plus separate title and item fonts complete the styling.

Features

Automatic outline from the page's headings
Selectable heading range from H1 to H6
Optional CSS-selector scope
Three styles: minimal, numbered, and pill
Scroll-spy highlighting of the current section
Smooth scrolling with adjustable offset
Sticky positioning with custom top distance
Reading progress indicator
Optional back-to-top link
Mobile collapse below a custom breakpoint
Max height with internal scrolling for long outlines
Six color controls and separate title/item fonts
Works beside articles, docs, and long pages
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

66:T86e,

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

A live clock for your site. Local Time shows the current time in the visitor's own timezone — or any timezone you choose — updating every second and styled entirely with your typography.

Great for personal sites ("my local time"), agency contact pages, footers, and global team pages.

How to use

Pick the Hours format — auto, 12, or 24 — and toggle Seconds, AM/PM, the blinking colon, and leading zeros to taste.

Set the Timezone to the visitor's own or choose Custom and pick from 33 common zones — or type any IANA zone name. Optional location and zone labels add context, Prefix and Suffix wrap the time in your own words, and the Color and Font controls match it to your design.

Features

Live clock updating every second
Visitor timezone or any custom timezone
33 preset zones plus custom IANA zone support
12-hour, 24-hour, or automatic format
Optional seconds, AM/PM, and leading zero
Blinking colon option
Optional location and timezone labels
Custom prefix and suffix text
Full font and color control
Text selection toggle
Works in headers, footers, and contact sections
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

67:T9ca,

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

Images that load gracefully instead of popping in. Lazy Image Loader shows a blur, skeleton shimmer, or solid color while the real image loads just before it scrolls into view, then fades it in smoothly — faster pages and a more polished feel in one component.

It also handles failures for you, with a fallback image, a friendly error message, and a retry button.

How to use

Add your Image and choose a Placeholder style: Blur with an optional tiny preview image, an animated Skeleton with custom base and highlight colors, or a plain Color.

Tune the Blur amount, loading Delay, and Fade duration, and keep Lazy Load on so images only load as they approach the viewport — Preload controls how early. Set the Fit, Position, and corner Radius like a normal image, and configure the error state: a Fallback image, custom Error Text, and an optional Retry button. Load and error events are available for advanced setups.

Features

Lazy loading with adjustable preload distance
Three placeholder styles: blur, skeleton, and color
Optional tiny blur preview image
Skeleton shimmer with custom colors
Smooth fade-in with adjustable duration and delay
Standard fit, position, and corner radius controls
Fallback image on failure
Custom error message and retry button
Test-error switch to preview the error state
Load and error events
Respects the visitor's reduced-motion preference
Works in galleries, cards, and full-width sections
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

68:T71b,

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

Text that lights up as the cursor comes near. Glow Text renders your headline with a soft, luminous glow that follows the visitor's pointer — a simple, elegant focal point for hero sections, logos, and dark-themed landing pages.

One text field, your own font, and a single radius control keep it beautifully minimal.

How to use

Drop the component into your layout and type your Text. Pick the Font and Text color to match your brand — the glow takes care of itself.

Adjust the Interact Radius to control how close the cursor needs to be before the letters start to glow, from a tight spotlight to a wide, generous halo.

Features

Cursor-reactive glowing text
Custom text, font, and color
Adjustable interaction radius
Smooth, real-time rendering
Static-friendly rendering on the canvas and export
Works in hero sections, headers, and footers
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

69:Ta30,

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

Show whether you're open right now — automatically. Business Hours reads your weekly schedule, your timezone, and your holiday list, then displays a live open/closed status with the next opening or closing time. Ideal for studios, restaurants, shops, support pages, and booking sites.

The status pairs with a smart call-to-action that changes depending on whether you're open, so visitors always see the right next step.

How to use

Set your Timezone and fill in Weekly Hours — each day with its own open and close time, or marked closed. Add Holidays as a simple date list, and use Override to force the status open or closed with a custom note when needed.

Customize every label in Content — open and closed labels, the "Opens" and "Closes" prefixes, the holiday message, and an optional timezone label. The CTA group gives you separate button text and links for open and closed states, and Layout and Appearance control direction, alignment, gap, and all colors.

Features

Live open/closed status from your weekly schedule
Timezone-aware, correct for every visitor
Per-day opening and closing times
Holiday list with its own label
Manual override with open and closed notes
Next opening or closing time display
Separate CTA label and link for open and closed states
CTA click event for advanced setups
Every label customizable, ready for any language
Horizontal or vertical layout with alignment and gap controls
Full color customization including status colors
Works as a badge, section, or footer element
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

6a:T8cd,

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

Show visitors how fresh your site is. Last Updated displays when your page was last changed — as "2 days ago", a clean date, or a smart mix of both — perfect for blogs, documentation, changelogs, portfolios, and legal pages.

It can read the date automatically from the published page or use a manual date you set, and the text fully matches your typography.

How to use

Drop the component where the date should appear and choose the Source: Auto reads the page's own last-modified date, Manual uses a date you pick.

Then choose a Format — Relative, Smart, Date, Datetime, or Short. Smart shows a relative time for recent updates and switches to a full date after the number of days you set. Add a Prefix like "Last updated", an optional Suffix, and a language override, then style the font and colors — with an option to highlight the date value in its own color.

Features

Automatic date from the published page or manual date
Five formats: relative, smart, date, datetime, and short
Smart format switches from relative to date after N days
Custom prefix and suffix text
Language override for localized output
Custom font and text color
Optional highlighted date value with its own color
Works anywhere on the page
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

6b:Ta34,

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

Generate beautiful, fully custom QR codes right inside Framer — no external service, no tracking, no dependencies. QR Code Generator builds the code live from your content and styles it to match your brand, with an optional download button for visitors.

Eight content types cover everything from links to Wi-Fi access and full contact cards.

How to use

Drop the component into your layout and pick a Type: URL, Text, Wi-Fi, Email, Phone, SMS, Geo location, or vCard contact. Fill in the matching fields — for example network name, password, and security for Wi-Fi, or name, company, phone, and email for a vCard.

Then style it: pick a Color or a two-color Gradient with a custom angle, set the Background or make it transparent, and choose a Module Style — square, rounded, or dots — with adjustable roundness. Add your Logo in the center with its own size, padding, background, and radius, set the Error Correction level and Quiet Zone, and optionally show a Download button that saves the code as PNG or SVG.

Features

Eight content types: URL, text, Wi-Fi, email, phone, SMS, geo, and vCard
Live QR generation with no external services
Solid color or two-color gradient with custom angle
Custom or transparent background
Three module styles: square, rounded, and dots
Center logo with size, padding, background, and radius controls
Four error-correction levels
Adjustable quiet zone
Optional visitor-facing download button
PNG or SVG export with adjustable PNG resolution
Custom download button label
Works as a section, frame, or card element
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

6c:T98e,

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

Add subtle audio feedback to your whole site. Sound Interaction Toggle plays a soft sound on clicks and hovers across the page, with a floating mute button visitors control — the kind of detail that makes interfaces feel crafted.

Five built-in sound presets are synthesized in the browser, or upload your own audio files for a fully custom feel.

How to use

Drop the component anywhere on the page and pick a Preset: Soft, Digital, Retro, Pop, Minimal, or Custom with your own click and hover sound files. Set the Volume and choose whether feedback applies to clickable elements only or the entire page.

Then style the toggle: choose the Icon or Pill variant, pick an icon — speaker, music, bell, waveform, power, or custom images for on and off — and set labels, size, colors, radius, border, shadow, and hover scale. Visitors can start muted, and their sound choice is remembered between visits.

Features

Site-wide click and hover sound feedback
Five synthesized presets plus custom audio files
Click and hover sounds can be toggled separately
Feedback on clickable elements only or the whole page
Volume control
Icon or pill toggle variants
Six icon options including custom on/off images
Custom labels, colors, size, radius, border, and shadow
Start muted option
Remembers the visitor's sound preference
Touch support on mobile
Works from any spot on the page
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

6d:T994,

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

Make your images react to the cursor. Mouse Distortion bends, refracts, and scatters any image in real time as visitors move across it — a tactile, premium effect for hero images, portfolio pieces, and product visuals.

Four distinct distortion styles and a deep set of physics controls let you go from a subtle lens to liquid, glass-like chaos.

How to use

Add your image, pick an Effect — Chromatic, Lens, Scatter, or Wake — and choose when it reacts: on hover, while dragging, or always.

Then shape the feel: Strength, Core Size, and Falloff control the distortion area; Velocity, Follow, Trail Length, and Elasticity control how it chases the cursor. Refraction and Edge Fragility push the glassy look further, Click Ripple adds a pulse on every click, and Flow Tint lets the distortion glow in the image's own colors or a custom one.

Features

Four distortion effects: chromatic, lens, scatter, and wake
Hover, drag, or always-on interaction modes
Adjustable strength, core size, and falloff
Cursor physics: velocity, follow, trail length, and elasticity
Refraction and edge fragility for glass-like looks
Click ripple pulse
Flow tint from the image or a custom color
Corner radius, background color, and custom cursor
Touch support on mobile
Built-in reduced-motion option
Static-friendly rendering on the canvas and export
Works as a section, frame, or full-page element
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

6e:T902,

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

Add a hypnotic, iris-like bloom of light to your page. Cosmic Bloom renders a glowing, softly pulsing eye of color in real time — a striking centerpiece for hero sections, music and event pages, AI products, and dark, atmospheric landing pages.

Pick two colors and a background, then shape the bloom with distortion, streaks, and a lens that bends the light around its core.

How to use

Drop the component into your layout and set Color A, Color B, and the Background to match your brand. Adjust Size to frame the bloom and Speed to control how fast it breathes.

Then give it character: Distortion warps the core, Streaks adds fine radial filaments, Lens bends light around the center, and Fringe adds a chromatic edge. Switch Quality between low, medium, and high to balance visual detail and performance.

Features

Real-time glowing bloom animation
Two-color palette plus background color
Adjustable speed and size
Distortion control for organic movement
Radial streaks for fine light filaments
Lens strength for light bending around the core
Chromatic fringe control
Three quality levels for performance tuning
Pauses automatically when off screen
Static-friendly rendering on the canvas and export
Works as a section, frame, or full-page background
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

6f:T8e2,

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

Give every click a little celebration. Mouse Click Effect draws a quick, hand-crafted burst wherever visitors click — rays, sparkles, rings, or a playful mix — adding personality to portfolios, product pages, and interactive sites.

It runs on the whole page or just inside the component's own area, and every part of the drawing is tunable.

How to use

Drop the component into your layout and pick a Style: Rays, Burst, Sparkles, Ring, or Mix. Set the Click Area to the component itself or the entire page.

Match your brand with the main Color and an Accent, then tune the Size, Density, and Stroke width of each burst. Duration controls how fast the effect plays, Max Effects caps how many can run at once, and Blend picks how the drawing mixes with the content underneath.

Features

Five click styles: rays, burst, sparkles, ring, and mix
Component-only or full-page click area
Custom main and accent colors
Adjustable size, density, and stroke width
Duration control for snappy or relaxed playback
Max effects limit for busy pages
Four blend modes including multiply and screen
Fires an event on every effect for advanced setups
Respects the visitor's reduced-motion preference
Works as a section, frame, or full-page layer
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

70:T87d,

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

A clean "5 min read" badge for your articles. Reading Time estimates how long a text takes to read — from content you paste in or straight from the article already on the page — and displays it in your own words and style.

Perfect for blogs, case studies, documentation, and newsletters.

How to use

Choose the Content Source: Manual to paste the text, or Selector to point at the article element already on your page (like "article" or any CSS selector). Set the Reading Speed in words per minute and how the minutes are rounded.

Then shape the output: show it as icon plus text or text only, optionally add the word count, and edit the labels — "{minutes} min read" and "{words} words" — plus the separator between them and the icon size.

Features

Automatic reading-time estimate
Reads pasted text or live page content via CSS selector
Adjustable reading speed in words per minute
Ceiling or nearest-minute rounding
Icon-and-text or text-only display
Optional word count
Fully editable labels with {minutes} and {words} tokens
Custom separator and icon size
Works in article headers, cards, and lists
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

71:T8ab,

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

A liquid glow that ripples along the edge of your image — the same satisfying energy as receiving a file on your phone. AirDrop Effect wraps any image with an animated, softly distorting light band that pulses from the edge you choose.

Perfect for app screenshots, device mockups, feature cards, and hero images that deserve a little life.

How to use

Add your Image, set the Corner Radius to match your design, and pick the Edge the glow lives on: Top, Bottom, Left, or Right.

Then shape the light: Size controls how far it reaches, Glow its brightness, and Distortion and Ripple how much it bends and waves the image beneath it. Blur Amount softens the band, Color Shift adds an iridescent tint, and Speed and Pulse set the rhythm. Turn on Play on Hover to keep the effect still until the cursor arrives.

Features

Animated edge glow with liquid distortion
Four edge positions: top, bottom, left, and right
Adjustable size, glow, and blur
Distortion and ripple controls
Iridescent color shift
Speed and pulse rhythm controls
Play-on-hover mode
Corner radius matching your design
Static-friendly rendering on the canvas and export
Works on screenshots, mockups, and hero images
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

72:T910,

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

A deep, slowly swirling plasma background rendered in real time. Violet Plasma fills any frame with rich, layered clouds of color — moody and cinematic by default, and fully re-colorable to fit any brand.

Everything is organized into five simple control groups, so you can go from subtle haze to intense nebula in a few clicks.

How to use

Drop the component into your layout and open the Palette group to set the four colors that build the plasma, from the darkest base to the brightest highlight.

Shape the look in Character with Intensity, Zoom, Warp, and Contrast, then use Frame to pick a Seed, rotate, and offset the composition until it sits right. Motion controls the Speed and Drift of the movement, and Surface finishes the image with Detail, Brightness, Saturation, Hue, Vignette, Blur, and Grain.

Features

Real-time animated plasma background
Four-color palette from base to highlight
Intensity, zoom, warp, and contrast shaping
Seed, rotation, and offset for composition control
Optional OKLab color blending for smoother gradients
Adjustable motion speed and drift
Surface finishing: detail, brightness, saturation, and hue
Vignette, blur, and film grain controls
Static-friendly rendering on the canvas and export
Works as a section, frame, or full-page background
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-736076d3-7588-45c2-bf2a-7a4549309ec8-all:/unified/creator/736076d3-7588-45c2-bf2a-7a4549309ec8/activity/":[{"data":[{"id":"019fb210-2b64-744f-ae3c-34ab47b1e1ae","type":"comment.liked","target":{"type":"comment","id":"019f5a4a-cff8-72fd-849e-66a580c8458e","preview":"Excellent work, i really like it ~","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Excellent work, i really like it ~"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f28d9-ca78-7509-b3df-f8bb211a6678","like":{"count":3,"liked":false},"reply":{"parentCommentId":"019f5a4a-cff8-72fd-849e-66a580c8458e"},"repost":null}},"context":{"type":"post","id":"019f28d9-ca78-7509-b3df-f8bb211a6678","preview":"Dithering Shader","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/8lwfdujo","targetDeleted":false,"owned":true,"actions":{"postId":"019f28d9-ca78-7509-b3df-f8bb211a6678","like":{"count":69,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T08:07:11.967Z","latestAt":"2026-07-30T08:07:11.967Z"},{"id":"019f9d9b-686f-70cf-ad2a-a8a3b138feed","type":"component.created","target":{"type":"component","id":"7rTFk3LcKRSGHGLwZowh","preview":"Scratch to Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d9b-3c2e-709b-a11a-3e0b7e2d69b2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-26T08:47:15.567Z","latestAt":"2026-07-26T08:47:15.567Z"},{"id":"019f9d98-7c23-7578-b5b4-d93baecb6ed9","type":"component.created","target":{"type":"component","id":"3mhaAgtP2YTp6douACgN","preview":"Auto Breadcrumbs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d97-f2a6-7709-94ed-21ab41646bb5.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-26T08:44:04.003Z","latestAt":"2026-07-26T08:44:04.003Z"},{"id":"019f9d95-3134-762f-b1a0-424f86642036","type":"component.created","target":{"type":"component","id":"ybwXc5wkafKWeIBaMnmD","preview":"Pro Table of Content","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d94-8719-7229-ba79-cf3abb40e15f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-26T08:40:28.212Z","latestAt":"2026-07-26T08:40:28.212Z"},{"id":"019f9d90-97f6-728d-a95f-254658618e4b","type":"component.created","target":{"type":"component","id":"UEzEmNyXJkxY9T4XXzkD","preview":"Local Time","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d90-6afd-740b-9cbe-f123372448f5.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-26T08:35:26.838Z","latestAt":"2026-07-26T08:35:26.838Z"},{"id":"019f9d8e-5f49-765c-9a39-d44f22a8f322","type":"component.created","target":{"type":"component","id":"CGDfBD9TR6B6Ti3LZWmX","preview":"Lazy Image Loader","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d8e-1a39-714c-ad39-a61ee166e7a1.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-26T08:33:01.257Z","latestAt":"2026-07-26T08:33:01.257Z"},{"id":"019f9d88-55ec-7403-a02d-10c13de0cd70","type":"component.created","target":{"type":"component","id":"CFc6YFvO4aIQ2fLo04kw","preview":"Cool Glow Text","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d88-1e35-7048-92f6-e3ea70fa7dba.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-26T08:26:25.644Z","latestAt":"2026-07-26T08:26:25.644Z"},{"id":"019f9d86-122a-7636-805c-8070c4074167","type":"component.created","target":{"type":"component","id":"LSjtjnWzTB9TkwtUuORu","preview":"Business Hours State","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d85-c325-7638-8b2f-44680c25389f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-26T08:23:57.226Z","latestAt":"2026-07-26T08:23:57.226Z"},{"id":"019f9d83-7783-75dc-a606-1eb1090277a9","type":"component.created","target":{"type":"component","id":"oBVLGFdV6ZxDHaREB43c","preview":"Last Update","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d83-3cc3-736b-9a02-ece2d20ff1de.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-26T08:21:06.563Z","latestAt":"2026-07-26T08:21:06.563Z"},{"id":"019f9d81-3170-743c-92b7-a4c63fccd70f","type":"component.created","target":{"type":"component","id":"uzlEMrSNcAAhja3tZpNS","preview":"QR Codes Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d80-299d-74e9-bf49-15b4e646234d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-26T08:18:37.552Z","latestAt":"2026-07-26T08:18:37.552Z"},{"id":"019f9a8e-50b2-7050-a7fc-1a940c09fdfc","type":"component.created","target":{"type":"component","id":"Z8jQdroEJpz3urxgBF15","preview":"Sound Interaction","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a8d-885b-719e-8410-25d68451ce38.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-25T18:34:05.874Z","latestAt":"2026-07-25T18:34:05.874Z"},{"id":"019f9a89-0a65-73f7-aa20-ccc6b6f70f6b","type":"component.created","target":{"type":"component","id":"6aJeQQynibSzgRYIHJUq","preview":"Mouse Distortion","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a87-ab8e-70d7-a01d-a9d04327d811.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-25T18:28:20.197Z","latestAt":"2026-07-25T18:28:20.197Z"},{"id":"019f9a84-5b62-70fd-97f9-e5a279572d01","type":"component.created","target":{"type":"component","id":"t6zxhRKMg5LjlQFdWw3i","preview":"Cosmic Bloom","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a84-225b-762c-adce-90ba8629dc1c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-25T18:23:13.250Z","latestAt":"2026-07-25T18:23:13.250Z"},{"id":"019f9a80-8f1b-7457-a202-8650523279fa","type":"component.created","target":{"type":"component","id":"usvcXsZ327O66G7Kt2DQ","preview":"Mouse Click","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a80-636f-7404-a959-ecef57c2e1cf.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-25T18:19:04.347Z","latestAt":"2026-07-25T18:19:04.347Z"},{"id":"019f9a69-0215-757f-a53f-74e998e33ebf","type":"component.created","target":{"type":"component","id":"9xm9TAKjkSydeBcgNaNp","preview":"Reading time","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a68-d2e8-755b-9178-db9074d0d855.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-25T17:53:20.917Z","latestAt":"2026-07-25T17:53:20.917Z"},{"id":"019f9a64-443a-7269-99fd-3cd73e59f3ad","type":"component.created","target":{"type":"component","id":"86QZzYvGwq79edlw6PDe","preview":"AirDrop Effect","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a64-1664-7619-8cd8-5b8b6a99aecc.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-25T17:48:10.170Z","latestAt":"2026-07-25T17:48:10.170Z"},{"id":"019f9a62-1ef2-70f9-86f8-11c40bf329aa","type":"component.created","target":{"type":"component","id":"7ilMx35BX2WP3DcncyAX","preview":"Plasma Effect","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a61-bc98-7314-8af5-b8491cb5d789.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-25T17:45:49.554Z","latestAt":"2026-07-25T17:45:49.554Z"},{"id":"019f9a24-ead8-735d-bde1-437375f18526","type":"comment.liked","target":{"type":"comment","id":"019f8fdb-8b8c-76fb-89a7-bd16be05cb02","preview":"Clean little toast system. The customization makes it easy to fit any visual language.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean little toast system. The customization makes it easy to fit any visual language."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f8e4c-1c62-7558-b6a3-a56f1a30021b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f8fdb-8b8c-76fb-89a7-bd16be05cb02"},"repost":null}},"context":{"type":"post","id":"019f8e4c-1c62-7558-b6a3-a56f1a30021b","preview":"Toast Messages","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f8e4a-a358-7747-956d-1dd54d78aeca.png","targetDeleted":false,"owned":true,"actions":{"postId":"019f8e4c-1c62-7558-b6a3-a56f1a30021b","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-25T16:38:58.514Z","latestAt":"2026-07-25T16:38:58.514Z"},{"id":"019f9a24-c513-70aa-9e96-c83744c19e55","type":"comment.liked","target":{"type":"comment","id":"019f8fdb-7b30-76c1-ad89-5d9949659e23","preview":"These rays add instant atmosphere. Subtle motion would look beautiful here.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"These rays add instant atmosphere. Subtle motion would look beautiful here."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f8e64-6a40-707e-968a-11518f22bc74","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f8fdb-7b30-76c1-ad89-5d9949659e23"},"repost":null}},"context":{"type":"post","id":"019f8e64-6a40-707e-968a-11518f22bc74","preview":"Rays","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f8e64-2f8e-70de-9260-6be6c85fd334.png","targetDeleted":false,"owned":true,"actions":{"postId":"019f8e64-6a40-707e-968a-11518f22bc74","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-25T16:38:48.847Z","latestAt":"2026-07-25T16:38:48.847Z"},{"id":"019f9a24-a76a-74ea-8a8f-e261b7dbfc2d","type":"comment.liked","target":{"type":"comment","id":"019f8fda-2ed4-70b6-a840-c26775c88dab","preview":"The parallax gives this starfield a lovely sense of depth. Fun component.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The parallax gives this starfield a lovely sense of depth. Fun component."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f8e86-4528-7357-924b-32981ec40eca","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f8fda-2ed4-70b6-a840-c26775c88dab"},"repost":null}},"context":{"type":"post","id":"019f8e86-4528-7357-924b-32981ec40eca","preview":"Star Voyage Effect","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f8e81-7308-71de-86e9-755c8688dc04.png","targetDeleted":false,"owned":true,"actions":{"postId":"019f8e86-4528-7357-924b-32981ec40eca","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-25T16:38:41.254Z","latestAt":"2026-07-25T16:38:41.254Z"}],"pagination":{"next":"MjAyNi0wNy0yNVQxNjozODo0MS4yNTRafDAxOWY5YTI0LWE3NmEtNzRlYS04YThmLWUyNjFiN2RiZmMyZA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:736076d3-7588-45c2-bf2a-7a4549309ec8:/unified/posts/?creator=736076d3-7588-45c2-bf2a-7a4549309ec8&with=reposts":[{"data":[{"id":"01a00c26-0574-760a-be1c-4dc2746a860d","title":null,"body":"

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/01a00c25-e7fb-771a-91a4-c1eae4900604.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"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":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-16T19:56:53.498Z","updatedAt":"2026-08-16T19:56:53.498Z","repostedBy":{"creator":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg"},"repostId":"01a00f1f-af07-734a-8924-86277caf8846","repostedAt":"2026-08-17T09:48:49.800Z"}},{"id":"01a00c26-0574-760a-be1c-4dc2746a860d","title":null,"body":"

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/01a00c25-e7fb-771a-91a4-c1eae4900604.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"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":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-16T19:56:53.498Z","updatedAt":"2026-08-16T19:56:53.498Z"},{"id":"019fe82c-b2fe-7295-a23b-81703025255e","title":null,"body":"

Get access to all my templates, components, vectors, and more with the All Access Pass at depth.website.

Unlimited and lifetime.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Get access to all my templates, components, vectors, and more with the All Access Pass at "},{"type":"text","text":"depth.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://depth.website","target":"_blank"}}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlimited and lifetime."}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"http://depth.website","metadata":{"title":"Premium Framer Templates, Components & Vectors - Depth","description":"A library of premium and free Framer assets: website templates, 95+ copy-paste components and vector sets. Drop them into any project, no code needed.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/deddc94bfc0151ab/image.png","siteName":"","faviconUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/deddc94bfc0151ab/favicon.png"}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-09T20:17:51.373Z","updatedAt":"2026-08-09T20:17:51.373Z","repostedBy":{"creator":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg"},"repostId":"019fecc9-43e2-738e-82c2-e05ab0860e0b","repostedAt":"2026-08-10T17:47:20.931Z"}},{"id":"019fe82c-b2fe-7295-a23b-81703025255e","title":null,"body":"

Get access to all my templates, components, vectors, and more with the All Access Pass at depth.website.

Unlimited and lifetime.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Get access to all my templates, components, vectors, and more with the All Access Pass at "},{"type":"text","text":"depth.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://depth.website","target":"_blank"}}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlimited and lifetime."}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"http://depth.website","metadata":{"title":"Premium Framer Templates, Components & Vectors - Depth","description":"A library of premium and free Framer assets: website templates, 95+ copy-paste components and vector sets. Drop them into any project, no code needed.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/deddc94bfc0151ab/image.png","siteName":"","faviconUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/deddc94bfc0151ab/favicon.png"}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-09T20:17:51.373Z","updatedAt":"2026-08-09T20:17:51.373Z"},{"id":"019f9d9b-66c7-73ec-a047-411d5f1f690d","title":null,"body":"

Scratch to Reveal - Turn any card into a scratch card

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Scratch to Reveal - Turn any card into a scratch card","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"7rTFk3LcKRSGHGLwZowh","resolved":true,"title":"Scratch to Reveal","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Turn any part of your page into a scratch card. Scratch to Reveal hides an image, text, or any custom layout under a scratchable cover. It lets visitors rub it away with a cursor or finger — perfect for promo codes, giveaways, product teasers, and playful landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop the component into your layout and choose a Content Type: an image, plain text, a custom layout slot, a mixed card, or a full Reward card with a coupon code, claim button, and link."}]},{"type":"paragraph","content":[{"type":"text","text":"Style the cover with one of six surfaces — Holographic, Silver, Gold, Frosted, Gradient, or Paper — or use your own cover image and colors, and adjust the texture amount. Then tune the interaction: brush size, edge roughness, the completion threshold, and whether the card finishes on release once enough is scratched. Add a scratch hint with its own icon and text, celebrate with confetti, and control resets with a reset button, auto reset timer, or toggle."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scratch-to-reveal interaction with mouse and touch support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Five content types: image, text, custom layout, mixed, and reward"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reward mode with coupon code, claim button, and link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Six cover surfaces including holographic, gold, and frosted"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom cover image or three-color cover palette"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable texture, brush size, and edge roughness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Completion threshold with optional release-to-finish behavior"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scratch hint with custom text, icon, color, and font"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional confetti celebration on reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reset button, auto reset timer, and reset toggle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom fonts, colors, corner radius, border, and cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works as a section, frame, or full-page element"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Turn any card into a scratch card","slug":"scratch-to-reveal","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d9b-3c2e-709b-a11a-3e0b7e2d69b2.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2278,"height":1708}}],"post":null,"createdAt":"2026-07-26T08:47:14.519Z","updatedAt":"2026-08-16T20:11:08.891Z","publishedAt":"2026-07-26T08:47:14.516Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scratch-to-reveal.framer.website/","price":"5","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/90c7c415-21a5-4fc0-977f-685cd06cbbc3","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"5ngbInxtOV26LlLEhNJJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-26T08:47:15.144Z","updatedAt":"2026-07-26T08:47:15.144Z"},{"id":"019f9d98-7ac6-7568-8c63-fdbdef6ad241","title":null,"body":"

Auto Breadcrumb - Breadcrumbs that build themselves

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto Breadcrumb - Breadcrumbs that build themselves","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"3mhaAgtP2YTp6douACgN","resolved":true,"title":"Auto Breadcrumbs","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Breadcrumbs that build themselves. Auto Breadcrumb reads the page's URL and generates a clean, clickable trail automatically — no manual linking, no per-page setup. Ideal for shops, documentation, blogs, and any site with deep pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Long paths collapse gracefully, separators are fully customizable, and a canvas preview path lets you design against realistic content."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop the component onto your pages — it picks up the current URL on the published site, while the Canvas Path field lets you preview any route while designing. Toggle the Home item and label, automatic label formatting, and a character limit for long segments."}]},{"type":"paragraph","content":[{"type":"text","text":"Choose how long trails Collapse — automatic, manual with a max step count, or never — then style it: font, gap, and a Separator that can be a text character or an icon from presets like chevron, arrow, dot, and slash, or your own SVG. Step padding, radius, and colors finish the look."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic breadcrumbs from the page URL"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No per-page setup or manual links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Canvas preview path for designing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional Home item with custom label"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic label formatting with character limit"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto, manual, or no collapsing for long paths"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text or icon separators: chevron, arrow, dot, slash, or custom SVG"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable separator color and icon size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Step padding and radius for pill-style trails"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full font and spacing control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works in headers, page tops, and article layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://breadcrumbs.framer.wiki/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Breadcrumbs that build themselves","slug":"auto-breadcrumbs","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d97-f2a6-7709-94ed-21ab41646bb5.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1312,"height":984}}],"post":null,"createdAt":"2026-07-26T08:44:03.290Z","updatedAt":"2026-08-16T19:51:12.989Z","publishedAt":"2026-07-26T08:44:03.287Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://breadcrumbs.framer.wiki/","price":"5","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/4204f216-3449-4f46-b8ae-a187d12dae64","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"xBRoGFp3ajEz6FWA230B","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-07-26T08:44:03.654Z","updatedAt":"2026-07-26T08:44:03.654Z"},{"id":"019f9d95-2f70-73ac-8feb-adb56181fda2","title":null,"body":"

Table of Contents - A TOC that writes itself

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"T"},{"type":"text","text":"able of Contents - A TOC that writes itself","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ybwXc5wkafKWeIBaMnmD","resolved":true,"title":"Pro Table of Content","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A table of contents that writes itself. Table of Contents scans the headings already on your page. It builds a navigable outline with smooth scrolling and a scroll-spy highlight that follows the reader — the finishing touch for blogs, documentation, and long-form pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Three visual styles, an optional reading progress bar, and mobile collapsing make it production-ready out of the box."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop the component next to your article and it finds the headings automatically. Choose which levels to include (H1–H6 from/to), optionally scope it to one part of the page with a CSS selector, and pick a Style: Minimal, Numbered, or Pill."}]},{"type":"paragraph","content":[{"type":"text","text":"Fine-tune the reading experience with indent, spacing, scroll offset, and smooth scrolling, and keep Sticky on so it follows the reader with your chosen top distance. Enable the Progress indicator, an optional Back-to-top link, and Mobile Collapse below your breakpoint. Colors for text, active, hover, accent, line, and panel plus separate title and item fonts complete the styling."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic outline from the page's headings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Selectable heading range from H1 to H6"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional CSS-selector scope"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three styles: minimal, numbered, and pill"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-spy highlighting of the current section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth scrolling with adjustable offset"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky positioning with custom top distance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reading progress indicator"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional back-to-top link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile collapse below a custom breakpoint"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Max height with internal scrolling for long outlines"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Six color controls and separate title/item fonts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works beside articles, docs, and long pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://table-of-content.framer.ai/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"A TOC that writes itself","slug":"pro-table-of-content","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d94-8719-7229-ba79-cf3abb40e15f.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2284,"height":1712}}],"post":null,"createdAt":"2026-07-26T08:40:27.375Z","updatedAt":"2026-08-16T19:51:02.139Z","publishedAt":"2026-07-26T08:40:27.371Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://table-of-content.framer.ai/","price":"5","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/d620fe4d-6b2b-4ccd-ad10-a74847599904","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"mNfs5BxqVrk9aiSCHzqW","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-26T08:40:27.760Z","updatedAt":"2026-07-26T08:40:27.760Z"},{"id":"019f9d90-9686-735f-92d0-5ba34ae33479","title":null,"body":"

Local Time - A live clock for your site

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Local Time - A live clock for your site","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"UEzEmNyXJkxY9T4XXzkD","resolved":true,"title":"Local Time","body":"$66","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A live clock for your site. Local Time shows the current time in the visitor's own timezone — or any timezone you choose — updating every second and styled entirely with your typography."}]},{"type":"paragraph","content":[{"type":"text","text":"Great for personal sites (\"my local time\"), agency contact pages, footers, and global team pages."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pick the Hours format — auto, 12, or 24 — and toggle Seconds, AM/PM, the blinking colon, and leading zeros to taste."}]},{"type":"paragraph","content":[{"type":"text","text":"Set the Timezone to the visitor's own or choose Custom and pick from 33 common zones — or type any IANA zone name. Optional location and zone labels add context, Prefix and Suffix wrap the time in your own words, and the Color and Font controls match it to your design."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live clock updating every second"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visitor timezone or any custom timezone"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"33 preset zones plus custom IANA zone support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"12-hour, 24-hour, or automatic format"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional seconds, AM/PM, and leading zero"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blinking colon option"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional location and timezone labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom prefix and suffix text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full font and color control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text selection toggle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works in headers, footers, and contact sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://local-time.framer.website/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"A live clock for your site","slug":"local-time","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d90-6afd-740b-9cbe-f123372448f5.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1418,"height":1064}}],"post":null,"createdAt":"2026-07-26T08:35:26.115Z","updatedAt":"2026-08-16T19:50:50.118Z","publishedAt":"2026-07-26T08:35:26.112Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://local-time.framer.website/","price":"3","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/8c875f83-ae1e-4a6d-ab81-5f1692081c3c","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"eJtPuu46qlaF4xueigUL","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-07-26T08:35:26.470Z","updatedAt":"2026-07-26T08:35:26.470Z"},{"id":"019f9d8e-5db8-75a5-977b-07e28218d33c","title":null,"body":"

Lazy Image Loader - Images that load gracefully

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Lazy Image Loader - "},{"type":"text","text":"Images that load gracefully","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"CGDfBD9TR6B6Ti3LZWmX","resolved":true,"title":"Lazy Image Loader","body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Images that load gracefully instead of popping in. Lazy Image Loader shows a blur, skeleton shimmer, or solid color while the real image loads just before it scrolls into view, then fades it in smoothly — faster pages and a more polished feel in one component."}]},{"type":"paragraph","content":[{"type":"text","text":"It also handles failures for you, with a fallback image, a friendly error message, and a retry button."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Add your Image and choose a Placeholder style: Blur with an optional tiny preview image, an animated Skeleton with custom base and highlight colors, or a plain Color."}]},{"type":"paragraph","content":[{"type":"text","text":"Tune the Blur amount, loading Delay, and Fade duration, and keep Lazy Load on so images only load as they approach the viewport — Preload controls how early. Set the Fit, Position, and corner Radius like a normal image, and configure the error state: a Fallback image, custom Error Text, and an optional Retry button. Load and error events are available for advanced setups."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lazy loading with adjustable preload distance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three placeholder styles: blur, skeleton, and color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional tiny blur preview image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Skeleton shimmer with custom colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth fade-in with adjustable duration and delay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Standard fit, position, and corner radius controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fallback image on failure"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom error message and retry button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Test-error switch to preview the error state"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Load and error events"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects the visitor's reduced-motion preference"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works in galleries, cards, and full-width sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://lazy-image-loader.framer.website/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Images that load gracefully","slug":"lazy-image-loader","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d8e-1a39-714c-ad39-a61ee166e7a1.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1132,"height":848}}],"post":null,"createdAt":"2026-07-26T08:33:00.420Z","updatedAt":"2026-08-16T19:50:39.286Z","publishedAt":"2026-07-26T08:33:00.417Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://lazy-image-loader.framer.website/","price":"5","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/59ade915-e5bd-40d0-ab76-2000dd1e0bd2","workshop":false,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"ckCoQBLxUDEicTey8a5i","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-07-26T08:33:00.857Z","updatedAt":"2026-07-26T08:33:00.857Z"},{"id":"019f9d88-5442-77d4-9ee4-6e3d8f3f8b0b","title":null,"body":"

Cool Glow Text - Text that lights up

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cool Glow Text - Text that lights up","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"CFc6YFvO4aIQ2fLo04kw","resolved":true,"title":"Cool Glow Text","body":"$68","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Text that lights up as the cursor comes near. Glow Text renders your headline with a soft, luminous glow that follows the visitor's pointer — a simple, elegant focal point for hero sections, logos, and dark-themed landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"One text field, your own font, and a single radius control keep it beautifully minimal."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop the component into your layout and type your Text. Pick the Font and Text color to match your brand — the glow takes care of itself."}]},{"type":"paragraph","content":[{"type":"text","text":"Adjust the Interact Radius to control how close the cursor needs to be before the letters start to glow, from a tight spotlight to a wide, generous halo."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor-reactive glowing text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom text, font, and color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable interaction radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth, real-time rendering"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-friendly rendering on the canvas and export"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works in hero sections, headers, and footers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://glow-text.framer.ai/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Text that lights up","slug":"cool-glow-text","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d88-1e35-7048-92f6-e3ea70fa7dba.png","metadata":{"tint":{"h":240,"s":25,"l":13},"width":1976,"height":1482}}],"post":null,"createdAt":"2026-07-26T08:26:24.838Z","updatedAt":"2026-08-16T19:50:29.686Z","publishedAt":"2026-07-26T08:26:24.828Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://glow-text.framer.ai/","price":"3","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/43f7e885-8ffb-478d-9549-2e7c41249986","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"8tecTXMJ8Keq7XSkw9QY","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-07-26T08:26:25.218Z","updatedAt":"2026-07-26T08:26:25.218Z"},{"id":"019f9d86-1092-729c-8ca9-ed63ac775621","title":null,"body":"

Business Hours - Show whether you're open right now

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Business Hours - Show whether you're open right now","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"LSjtjnWzTB9TkwtUuORu","resolved":true,"title":"Business Hours State","body":"$69","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Show whether you're open right now — automatically. Business Hours reads your weekly schedule, your timezone, and your holiday list, then displays a live open/closed status with the next opening or closing time. Ideal for studios, restaurants, shops, support pages, and booking sites."}]},{"type":"paragraph","content":[{"type":"text","text":"The status pairs with a smart call-to-action that changes depending on whether you're open, so visitors always see the right next step."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Set your Timezone and fill in Weekly Hours — each day with its own open and close time, or marked closed. Add Holidays as a simple date list, and use Override to force the status open or closed with a custom note when needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize every label in Content — open and closed labels, the \"Opens\" and \"Closes\" prefixes, the holiday message, and an optional timezone label. The CTA group gives you separate button text and links for open and closed states, and Layout and Appearance control direction, alignment, gap, and all colors."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live open/closed status from your weekly schedule"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Timezone-aware, correct for every visitor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per-day opening and closing times"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Holiday list with its own label"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Manual override with open and closed notes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Next opening or closing time display"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Separate CTA label and link for open and closed states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CTA click event for advanced setups"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Every label customizable, ready for any language"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Horizontal or vertical layout with alignment and gap controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full color customization including status colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works as a badge, section, or footer element"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://open-hours.framer.website/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Show whether you're open right now","slug":"business-hours-state","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d85-c325-7638-8b2f-44680c25389f.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2288,"height":1716}}],"post":null,"createdAt":"2026-07-26T08:23:56.351Z","updatedAt":"2026-08-16T19:50:19.963Z","publishedAt":"2026-07-26T08:23:56.347Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://open-hours.framer.website/","price":"5","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/e1770822-eda1-4b58-963c-0424b270274f","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"VpuuwjlZItzE41HzzRTE","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-07-26T08:23:56.818Z","updatedAt":"2026-07-26T08:23:56.818Z"},{"id":"019f9d83-75be-711c-b7b3-b2540578e928","title":null,"body":"

Last Update - Show how fresh your site is

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Last Update - Show how fresh your site is","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"oBVLGFdV6ZxDHaREB43c","resolved":true,"title":"Last Update","body":"$6a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Show visitors how fresh your site is. Last Updated displays when your page was last changed — as \"2 days ago\", a clean date, or a smart mix of both — perfect for blogs, documentation, changelogs, portfolios, and legal pages."}]},{"type":"paragraph","content":[{"type":"text","text":"It can read the date automatically from the published page or use a manual date you set, and the text fully matches your typography."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop the component where the date should appear and choose the Source: Auto reads the page's own last-modified date, Manual uses a date you pick."}]},{"type":"paragraph","content":[{"type":"text","text":"Then choose a Format — Relative, Smart, Date, Datetime, or Short. Smart shows a relative time for recent updates and switches to a full date after the number of days you set. Add a Prefix like \"Last updated\", an optional Suffix, and a language override, then style the font and colors — with an option to highlight the date value in its own color."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic date from the published page or manual date"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Five formats: relative, smart, date, datetime, and short"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart format switches from relative to date after N days"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom prefix and suffix text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Language override for localized output"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom font and text color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional highlighted date value with its own color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works anywhere on the page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://last-update.framer.website/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Show how fresh your site is","slug":"last-update","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d83-3cc3-736b-9a02-ece2d20ff1de.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1554,"height":1164}}],"post":null,"createdAt":"2026-07-26T08:21:05.736Z","updatedAt":"2026-08-16T19:50:10.158Z","publishedAt":"2026-07-26T08:21:05.732Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://last-update.framer.website/","price":"3","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/3e9c5dc9-c2d7-4733-9030-67c4c85e28f6","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"LYsReiqpDhWznLWDAIoc","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-07-26T08:21:06.110Z","updatedAt":"2026-07-26T08:21:06.110Z"},{"id":"019f9d81-2fed-75be-9fb7-78aee4483d7a","title":null,"body":"

QR Code Generator - Fully custom QR codes

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"QR Code Generator - Fully custom QR codes","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"uzlEMrSNcAAhja3tZpNS","resolved":true,"title":"QR Codes Pro","body":"$6b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Generate beautiful, fully custom QR codes right inside Framer — no external service, no tracking, no dependencies. QR Code Generator builds the code live from your content and styles it to match your brand, with an optional download button for visitors."}]},{"type":"paragraph","content":[{"type":"text","text":"Eight content types cover everything from links to Wi-Fi access and full contact cards."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop the component into your layout and pick a Type: URL, Text, Wi-Fi, Email, Phone, SMS, Geo location, or vCard contact. Fill in the matching fields — for example network name, password, and security for Wi-Fi, or name, company, phone, and email for a vCard."}]},{"type":"paragraph","content":[{"type":"text","text":"Then style it: pick a Color or a two-color Gradient with a custom angle, set the Background or make it transparent, and choose a Module Style — square, rounded, or dots — with adjustable roundness. Add your Logo in the center with its own size, padding, background, and radius, set the Error Correction level and Quiet Zone, and optionally show a Download button that saves the code as PNG or SVG."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Eight content types: URL, text, Wi-Fi, email, phone, SMS, geo, and vCard"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live QR generation with no external services"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Solid color or two-color gradient with custom angle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom or transparent background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three module styles: square, rounded, and dots"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Center logo with size, padding, background, and radius controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four error-correction levels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable quiet zone"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional visitor-facing download button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"PNG or SVG export with adjustable PNG resolution"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom download button label"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works as a section, frame, or card element"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://qr-code.framer.ai/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Fully custom QR codes","slug":"qr-codes-pro","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9d80-299d-74e9-bf49-15b4e646234d.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2016,"height":1512}}],"post":null,"createdAt":"2026-07-26T08:18:36.734Z","updatedAt":"2026-08-16T19:50:00.983Z","publishedAt":"2026-07-26T08:18:36.730Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://qr-code.framer.ai/","price":"10","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/2e0ae3b7-af54-498e-b6e6-dd3b3e27855a","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"zNxJHO0H7gD3swQsyuKm","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-07-26T08:18:37.165Z","updatedAt":"2026-07-26T08:18:37.165Z"},{"id":"019f9a8e-4e93-77ec-970f-5ad16f90f18b","title":null,"body":"

Sound Interaction - Add subtle audio feedback

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sound Interaction - Add subtle audio feedback","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Z8jQdroEJpz3urxgBF15","resolved":true,"title":"Sound Interaction","body":"$6c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Add subtle audio feedback to your whole site. Sound Interaction Toggle plays a soft sound on clicks and hovers across the page, with a floating mute button visitors control — the kind of detail that makes interfaces feel crafted."}]},{"type":"paragraph","content":[{"type":"text","text":"Five built-in sound presets are synthesized in the browser, or upload your own audio files for a fully custom feel."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop the component anywhere on the page and pick a Preset: Soft, Digital, Retro, Pop, Minimal, or Custom with your own click and hover sound files. Set the Volume and choose whether feedback applies to clickable elements only or the entire page."}]},{"type":"paragraph","content":[{"type":"text","text":"Then style the toggle: choose the Icon or Pill variant, pick an icon — speaker, music, bell, waveform, power, or custom images for on and off — and set labels, size, colors, radius, border, shadow, and hover scale. Visitors can start muted, and their sound choice is remembered between visits."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Site-wide click and hover sound feedback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Five synthesized presets plus custom audio files"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click and hover sounds can be toggled separately"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Feedback on clickable elements only or the whole page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Volume control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Icon or pill toggle variants"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Six icon options including custom on/off images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom labels, colors, size, radius, border, and shadow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Start muted option"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Remembers the visitor's sound preference"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Touch support on mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works from any spot on the page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://sound-interaction.framer.website/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Add subtle audio feedback","slug":"sound-interaction","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a8d-885b-719e-8410-25d68451ce38.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1732,"height":1298}}],"post":null,"createdAt":"2026-07-25T18:34:04.892Z","updatedAt":"2026-08-16T19:49:39.487Z","publishedAt":"2026-07-25T18:34:04.874Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://sound-interaction.framer.website/","price":"5","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/71daccd1-bad8-4eff-9d22-35353e5c479e","workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"Gnk2n3u8GQcuqdhVbbwc","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-07-25T18:34:05.331Z","updatedAt":"2026-07-25T18:34:05.331Z"},{"id":"019f9a89-08e0-722c-ba58-5afb8dfc528b","title":null,"body":"

Mouse Distortion - Images react to the cursor

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Mouse Distortion - Images react to the cursor","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"6aJeQQynibSzgRYIHJUq","resolved":true,"title":"Mouse Distortion","body":"$6d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Make your images react to the cursor. Mouse Distortion bends, refracts, and scatters any image in real time as visitors move across it — a tactile, premium effect for hero images, portfolio pieces, and product visuals."}]},{"type":"paragraph","content":[{"type":"text","text":"Four distinct distortion styles and a deep set of physics controls let you go from a subtle lens to liquid, glass-like chaos."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Add your image, pick an Effect — Chromatic, Lens, Scatter, or Wake — and choose when it reacts: on hover, while dragging, or always."}]},{"type":"paragraph","content":[{"type":"text","text":"Then shape the feel: Strength, Core Size, and Falloff control the distortion area; Velocity, Follow, Trail Length, and Elasticity control how it chases the cursor. Refraction and Edge Fragility push the glassy look further, Click Ripple adds a pulse on every click, and Flow Tint lets the distortion glow in the image's own colors or a custom one."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four distortion effects: chromatic, lens, scatter, and wake"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover, drag, or always-on interaction modes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable strength, core size, and falloff"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor physics: velocity, follow, trail length, and elasticity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Refraction and edge fragility for glass-like looks"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click ripple pulse"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flow tint from the image or a custom color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Corner radius, background color, and custom cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Touch support on mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in reduced-motion option"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-friendly rendering on the canvas and export"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works as a section, frame, or full-page element"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://image-distortion.framer.ai/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"images react to the cursor","slug":"mouse-distortion","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a87-ab8e-70d7-a01d-a9d04327d811.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1770,"height":1328}}],"post":null,"createdAt":"2026-07-25T18:28:19.442Z","updatedAt":"2026-08-16T19:49:30.604Z","publishedAt":"2026-07-25T18:28:19.440Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://image-distortion.framer.ai/","price":"5","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/20e72ec9-3696-4451-a44e-08d41f41629b","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"zf9O2C0owk77bHqRLuwX","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-07-25T18:28:19.808Z","updatedAt":"2026-07-25T18:28:19.808Z"},{"id":"019f9a84-58f4-7199-ab3d-10d4b65d50d9","title":null,"body":"

Cosmic Bloom - Hypnotic, iris-like bloom of light

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cosmic Bloom - Hypnotic, iris-like bloom of light","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"t6zxhRKMg5LjlQFdWw3i","resolved":true,"title":"Cosmic Bloom","body":"$6e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Add a hypnotic, iris-like bloom of light to your page. Cosmic Bloom renders a glowing, softly pulsing eye of color in real time — a striking centerpiece for hero sections, music and event pages, AI products, and dark, atmospheric landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Pick two colors and a background, then shape the bloom with distortion, streaks, and a lens that bends the light around its core."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop the component into your layout and set Color A, Color B, and the Background to match your brand. Adjust Size to frame the bloom and Speed to control how fast it breathes."}]},{"type":"paragraph","content":[{"type":"text","text":"Then give it character: Distortion warps the core, Streaks adds fine radial filaments, Lens bends light around the center, and Fringe adds a chromatic edge. Switch Quality between low, medium, and high to balance visual detail and performance."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-time glowing bloom animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two-color palette plus background color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable speed and size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Distortion control for organic movement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Radial streaks for fine light filaments"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lens strength for light bending around the core"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Chromatic fringe control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three quality levels for performance tuning"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pauses automatically when off screen"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-friendly rendering on the canvas and export"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works as a section, frame, or full-page background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://cosmic-bloom.framer.website/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Hypnotic, iris-like bloom of light","slug":"cosmic-bloom","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a84-225b-762c-adce-90ba8629dc1c.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2288,"height":1716}}],"post":null,"createdAt":"2026-07-25T18:23:12.010Z","updatedAt":"2026-08-16T19:49:21.132Z","publishedAt":"2026-07-25T18:23:12.007Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cosmic-bloom.framer.website/","price":"5","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/3a747df7-99dd-459d-a3cc-36fda2b00207","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"jm3TM4or9P6aukUG48SO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-25T18:23:12.628Z","updatedAt":"2026-07-25T18:23:12.628Z"},{"id":"019f9a80-8d9a-7068-9766-61260d84adca","title":null,"body":"

Mouse Click - Give every click a celebration

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Mouse Click - Give every click a celebration","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"usvcXsZ327O66G7Kt2DQ","resolved":true,"title":"Mouse Click","body":"$6f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Give every click a little celebration. Mouse Click Effect draws a quick, hand-crafted burst wherever visitors click — rays, sparkles, rings, or a playful mix — adding personality to portfolios, product pages, and interactive sites."}]},{"type":"paragraph","content":[{"type":"text","text":"It runs on the whole page or just inside the component's own area, and every part of the drawing is tunable."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop the component into your layout and pick a Style: Rays, Burst, Sparkles, Ring, or Mix. Set the Click Area to the component itself or the entire page."}]},{"type":"paragraph","content":[{"type":"text","text":"Match your brand with the main Color and an Accent, then tune the Size, Density, and Stroke width of each burst. Duration controls how fast the effect plays, Max Effects caps how many can run at once, and Blend picks how the drawing mixes with the content underneath."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Five click styles: rays, burst, sparkles, ring, and mix"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Component-only or full-page click area"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom main and accent colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable size, density, and stroke width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Duration control for snappy or relaxed playback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Max effects limit for busy pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four blend modes including multiply and screen"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fires an event on every effect for advanced setups"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects the visitor's reduced-motion preference"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works as a section, frame, or full-page layer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://mouse-click.framer.website/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Give every click a celebration","slug":"mouse-click","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a80-636f-7404-a959-ecef57c2e1cf.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2288,"height":1716}}],"post":null,"createdAt":"2026-07-25T18:19:03.509Z","updatedAt":"2026-08-16T19:49:12.115Z","publishedAt":"2026-07-25T18:19:03.506Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://mouse-click.framer.website/","price":"5","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/60697d2a-e850-42ea-84a3-16291d19cd03","workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"qYWvzgtOwLUCVvvOvnq3","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-07-25T18:19:03.962Z","updatedAt":"2026-07-25T18:19:03.962Z"},{"id":"019f9a69-00ac-725e-81b6-39ea346debe6","title":null,"body":"

Reading time - Clean badge for your articles

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Reading time - Clean badge for your articles","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"9xm9TAKjkSydeBcgNaNp","resolved":true,"title":"Reading time","body":"$70","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A clean \"5 min read\" badge for your articles. Reading Time estimates how long a text takes to read — from content you paste in or straight from the article already on the page — and displays it in your own words and style."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for blogs, case studies, documentation, and newsletters."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Choose the Content Source: Manual to paste the text, or Selector to point at the article element already on your page (like \"article\" or any CSS selector). Set the Reading Speed in words per minute and how the minutes are rounded."}]},{"type":"paragraph","content":[{"type":"text","text":"Then shape the output: show it as icon plus text or text only, optionally add the word count, and edit the labels — \"{minutes} min read\" and \"{words} words\" — plus the separator between them and the icon size."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic reading-time estimate"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reads pasted text or live page content via CSS selector"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable reading speed in words per minute"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ceiling or nearest-minute rounding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Icon-and-text or text-only display"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional word count"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully editable labels with {minutes} and {words} tokens"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom separator and icon size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works in article headers, cards, and lists"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://reading-time.framer.website/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Clean badge for your articles","slug":"reading-time","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a68-d2e8-755b-9178-db9074d0d855.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":908,"height":682}}],"post":null,"createdAt":"2026-07-25T17:53:20.169Z","updatedAt":"2026-08-16T19:49:02.960Z","publishedAt":"2026-07-25T17:53:20.165Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://reading-time.framer.website/","price":"3","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/3f73fced-93ba-4f2a-86f7-976acd5c1435","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"C2btMHwBHNDC0TzwAtQF","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-07-25T17:53:20.556Z","updatedAt":"2026-07-25T17:53:20.556Z"},{"id":"019f9a64-42ef-715f-aa3b-0f3985279a5e","title":null,"body":"

AirDrop Effect - Liquid glow that ripples

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"AirDrop Effect - Liquid glow that ripples","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"86QZzYvGwq79edlw6PDe","resolved":true,"title":"AirDrop Effect","body":"$71","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A liquid glow that ripples along the edge of your image — the same satisfying energy as receiving a file on your phone. AirDrop Effect wraps any image with an animated, softly distorting light band that pulses from the edge you choose."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for app screenshots, device mockups, feature cards, and hero images that deserve a little life."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Add your Image, set the Corner Radius to match your design, and pick the Edge the glow lives on: Top, Bottom, Left, or Right."}]},{"type":"paragraph","content":[{"type":"text","text":"Then shape the light: Size controls how far it reaches, Glow its brightness, and Distortion and Ripple how much it bends and waves the image beneath it. Blur Amount softens the band, Color Shift adds an iridescent tint, and Speed and Pulse set the rhythm. Turn on Play on Hover to keep the effect still until the cursor arrives."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated edge glow with liquid distortion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four edge positions: top, bottom, left, and right"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable size, glow, and blur"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Distortion and ripple controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Iridescent color shift"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Speed and pulse rhythm controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Play-on-hover mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Corner radius matching your design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-friendly rendering on the canvas and export"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works on screenshots, mockups, and hero images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://airdrop-effect.framer.website/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Liquid glow that ripples","slug":"airdrop-effect","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a64-1664-7619-8cd8-5b8b6a99aecc.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1994,"height":1496}}],"post":null,"createdAt":"2026-07-25T17:48:09.478Z","updatedAt":"2026-08-16T19:48:52.008Z","publishedAt":"2026-07-25T17:48:09.475Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://airdrop-effect.framer.website/","price":"5","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/eda8667d-5202-448b-825d-7029114a86ed","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"klGqXKgib9FgZ5ffTYm3","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-07-25T17:48:09.839Z","updatedAt":"2026-07-25T17:48:09.839Z"},{"id":"019f9a62-1d66-75ab-8ec7-516984d1f1cb","title":null,"body":"

Plasma Effect - Deep, slowly swirling plasma

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Plasma Effect - Deep, slowly swirling plasma","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"7ilMx35BX2WP3DcncyAX","resolved":true,"title":"Plasma Effect","body":"$72","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A deep, slowly swirling plasma background rendered in real time. Violet Plasma fills any frame with rich, layered clouds of color — moody and cinematic by default, and fully re-colorable to fit any brand."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is organized into five simple control groups, so you can go from subtle haze to intense nebula in a few clicks."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop the component into your layout and open the Palette group to set the four colors that build the plasma, from the darkest base to the brightest highlight."}]},{"type":"paragraph","content":[{"type":"text","text":"Shape the look in Character with Intensity, Zoom, Warp, and Contrast, then use Frame to pick a Seed, rotate, and offset the composition until it sits right. Motion controls the Speed and Drift of the movement, and Surface finishes the image with Detail, Brightness, Saturation, Hue, Vignette, Blur, and Grain."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-time animated plasma background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four-color palette from base to highlight"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intensity, zoom, warp, and contrast shaping"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Seed, rotation, and offset for composition control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional OKLab color blending for smoother gradients"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable motion speed and drift"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Surface finishing: detail, brightness, saturation, and hue"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vignette, blur, and film grain controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-friendly rendering on the canvas and export"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works as a section, frame, or full-page background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://plasma-effect.framer.website/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Deep, slowly swirling plasma","slug":"plasma-effect","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a61-bc98-7314-8af5-b8491cb5d789.png","metadata":{"tint":{"h":156,"s":36,"l":28},"width":2284,"height":1712}}],"post":null,"createdAt":"2026-07-25T17:45:48.769Z","updatedAt":"2026-08-16T19:48:39.944Z","publishedAt":"2026-07-25T17:45:48.764Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://plasma-effect.framer.website/","price":"5","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/0fe3e208-d31b-4117-8ca1-3cfb010772ef","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"zfPFDEv9RrPHQeqQI0Fy","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-07-25T17:45:49.158Z","updatedAt":"2026-07-25T17:45:49.158Z"}],"pagination":{"next":"MDE5ZjlhNjItMWQ2Ni03NWFiLThlYzctNTE2OTg0ZDFmMWNi","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L73"}]