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

Overview

The Reactive Text Grid is a high-impact typographic component that transforms static text into a responsive field of motion. Unlike standard grids, this component offers three distinct interaction modes—Compass, Attract, and Repel—allowing you to create diverse visual experiences ranging from subtle guidance to playful physics.

Key Features

3 Distinct Interaction Modes:
- Compass: Each character rotates to "point" towards your cursor, creating a magnetic tracking effect.
- Attract: Characters are physically pulled toward the cursor, creating a "gathering" animation.
- Repel: Characters push away from the cursor, acting like a physical barrier or a splash effect.
Spring Physics: Built-in $stiffness$ and $damping$ ensure smooth, organic transitions without jitter.
Infinite Text Looping: Input any string (e.g., "DIGITAL"), and the component automatically tiles it to fill the entire grid area.
Customizable Density: Easily adjust the number of columns and rows (up to 50x50) to create either a readable message or a dense texture.

How to Use

Select Your Mode: Choose between Compass, Attract, or Repel in the property panel to define the core behavior.
Set Your Message: Enter your text in the Text field. The grid will repeat this text automatically.
Adjust Physics: * For Attract/Repel, use the Radius to set the area of influence and Strength to control the intensity of the movement.
- For Compass, use Invert Compass to flip the rotation logic (pointing toward or away).
Refine Layout: Use Grid Gap and Columns/Rows to match your design's whitespace and density requirements.

52:T6dd,

Overview

The Dual Scene 3D Text is a high-end typographic component that creates a mesmerizing transition between readable text and a 3D spherical cloud of characters. Using advanced math and spring physics, it seamlessly morphs two different messages into complex 3D shapes as they rotate.

Key Features

3D Morphing Engine: Watch as your text explodes into a perfectly distributed 3D sphere and back again with smooth, organic motion.
Dual Scene Toggle: Supports two independent text inputs that automatically switch states based on the number of rotations.
Golden Angle Distribution: Characters in the sphere mode are distributed using the "Golden Angle" algorithm for a perfectly uniform 3D look.
Stutter-Free Performance: Powered by useAnimationFrame and MotionValue for 60fps hardware-accelerated 3D rotations.
Perspective Rendering: Built with preserve-3d to provide genuine depth and spatial immersion.

How to Use

Enter Your Text: Fill in Text 1 and Text 2. Use line breaks (Enter) to control the layout of the flat text state.
Adjust the Sphere: Use Radius to control the size of the 3D explosion and Sphere Opacity to create a ghostly, ethereal effect in sphere mode.
Control Rotation: Set the Rotate Speed (seconds per full turn) and use Toggle Rotations to decide how many spins happen before the scenes switch.
Styling: Fully customize the font family, weight, size, and color to match your brand's aesthetic.

53:T68a,

Overview

The Cylinder Text Stack is a visually striking 3D typographic component that creates a "rotating drum" effect. By breaking text into individual characters and mapping them onto a 3D cylinder, it ensures a seamless, tear-free loop that responds to user interaction with smooth spring-based physics.

Key Features

True 3D Perspective: Built with preserve-3d for a realistic vanishing point and spatial depth.
Multi-Band Stacking: Create up to 5 independent bands, each with its own radius, speed, and direction.
Tear-Free Character Mapping: Each character is rendered individually to prevent the slicing/clipping bugs common in standard 3D CSS transforms.
Interactive Hover: Smoothly pauses on hover and resumes movement using Framer Motion’s spring physics.
Dynamic Backgrounds: High-fidelity background cylinders (72 faces) that provide solid backdrops for your text.

How to Use

Texts & Bands: Input your strings in the Texts array. Use Band Count to determine how many rows are visible.
Radii & Speeds: Adjust the Radii to create stepped or tapered looks. Use negative values in Speeds to make bands rotate in opposite directions.
Layout Tuning: Use Rotate X/Y/Z and Perspective to set the viewing angle of the entire stack.
Styling: Customize fonts and colors for each band individually through the property controls.

54:Tbd5,

Experience the Magic of Chromatic Discovery

ColorRevealGallery is more than just a standard image grid; it is an artistic canvas that breathes life through user interaction. Each image is automatically analyzed upon upload to extract its representative color, transforming your gallery into a sophisticated mosaic of color tiles that reveal their true form only when explored.

✨ Key Features

Infinite Interactive Canvas: Provide a seamless browsing experience with an infinite-drag interface that flows boundlessly in every direction.
Proximity Reveal Engine: An immersive effect where images softly emerge from their color placeholders based on the real-time distance of the mouse cursor.
Smart Color Extraction: Maintain a perfect visual "tone and manner" as the component intelligently picks the core essence of your images without any manual setup.
Dynamic Title Overlay: Hover over an image to see its title appear with elegant transitions at your preferred position (Top or Bottom).

📱 Responsive & Touch Optimized

Mobile & Tablet Ready: Specially engineered for touch interfaces. While the desktop relies on cursor proximity, the mobile version is optimized for touch-and-drag interactions, ensuring a smooth "reveal" experience even on smaller screens.
Fluid Adaptation: The grid system and interaction radius naturally adapt to different breakpoints, maintaining high performance and visual impact across all devices.

⚙️ Customizable Properties

Item Ratio: Complete flexibility to choose between 1:1, 4:3, 3:4, or preserve the Original aspect ratio of your photography.
Reveal Radius: Fine-tune the "discovery" atmosphere by adjusting how far the cursor or touch influence reaches.
Grid Gap & Width: Sculpt your layout from a dense, mysterious mosaic to a spacious, airy gallery with ease.
Title Style: Fully customize typography, colors, padding, and shadows to align perfectly with your brand identity.

🚀 Best For...

Creative Portfolios: For designers and photographers who want to leave a powerful, artistic first impression.
Brand Archives: To showcase a brand’s history through a visually impactful and interactive timeline.
Visual Storytelling: Any web project where a standard grid feels too static and you want to add the "joy of discovery".

Don't just show your work—let your audience discover it. Elevate your site with a unique user experience today using ColorRevealGallery!

55:T665,

Detail

Turn flat image lists into a smooth, focus-driven experience.

Orbital Circle Gallery is a vertical, motion-based gallery component that brings depth, hierarchy, and flow into your layout — using smooth scrolling interaction and dynamic scaling.

As users scroll, images move from bottom to center, growing into focus while surrounding items fade and shrink. The result is a clean, premium interaction that naturally guides attention.

It’s not just a gallery — it’s a motion-driven spotlight.

Smooth interaction & motion

Scroll-based navigation (primary interaction) Optional button controls (Prev / Next) Keyboard navigation support Soft spring-based animation (no jitter) Wheel lock system to prevent overscrolling

Every movement is tuned to feel responsive and premium.

Fully customizable

Control everything directly from the Framer panel:

Active / inactive image size Vertical spacing (layout balance) Scale & opacity behavior Blur depth effect Animation speed & spring feel Scroll sensitivity (wheel lock) Button visibility & styling Initial focus position

No code required — everything is adjustable visually.

Perfect for

Portfolio websites Product showcases Landing page highlights Case study sections Creative studios Content spotlight sections

Why this is worth it

Instead of building complex scroll interactions and motion logic from scratch, you get a polished, production-ready gallery that instantly elevates your UI.

Drop it in, tweak a few controls, and your layout feels alive.

56:Tb8f,

Turn static image grids into a dynamic, immersive experience.

Cube Gallery is a fully interactive 3D component that lets you display your images across a rotating cube — with smooth drag interaction, elegant auto-rotation, and powerful layout control.

Whether you're showcasing a portfolio, product visuals, campaigns, or creative work, this component adds depth and motion that immediately grabs attention.

What makes it different

Most galleries are flat.This one lives in 3D space.

Users can:

Drag to rotate the cube freely (like a map interaction)
Watch it smoothly auto-rotate when idle
Hover to focus on specific images
Experience depth with realistic perspective

It’s not just a gallery — it’s a visual centerpiece.

Flexible content system

You can choose how you want to manage your images:

1. Shared Mode (Quick Setup)Upload a single set of images and automatically apply them across all 6 faces.Each face uses a different randomized layout for visual variety.

2. Per-Face Mode (Pro-Level Control)Assign completely different image sets to each face of the cube.Perfect for storytelling, campaigns, or structured visual layouts.

Built for real-world use

Grid system (1×1, 2×2, 3×3 per face)
Supports up to 54 images
Automatic fill when images are missing
Clean spacing, rounded corners, and layout control
Works beautifully for portfolios, fashion, branding, and product pages

Smooth interaction & motion

Click + drag rotation (intuitive and responsive)
Multi-axis auto-rotation (subtle, premium feel)
Hover interaction:
- Focus one image
- Dim the rest
- Slight cube scale-up for emphasis
Smart motion system that avoids jitter and flicker

Fully customizable

Control everything directly from the Framer panel:

Grid size
Cube size & spacing
Perspective (depth)
Auto-rotation speed & variation
Drag sensitivity
Hover effects (dim & scale)
Background color

No code required — everything is adjustable visually.

Perfect for

Portfolio websites
Creative studios
Fashion / editorial layouts
Product showcases
Landing page hero sections
Interactive storytelling

Why this is worth it

Instead of building complex 3D interactions from scratch,you get a polished, production-ready component that just works.

Save hours of development time and instantly upgrade your visuals.

57:T41b,

Core Features

Real-time text size adjustment via slider
Optional value label (px) display
Smooth and intuitive interaction
Clean and minimal UI structure

Customization

Text content and font selection
Text color
Min / Max / Default size control
Step size adjustment for sensitivity
Slider styles (track, fill, handle, height, radius)
Layout controls (padding, gap, text area height, background)

Display Options

Toggle value label (Show / Hide)
Value label follows slider position dynamically
Thumb remains visible independently of value label

Use Cases

Accessibility controls (font size adjustment)
Typography preview tools
Design system demos
Interactive UI showcases

58:T58a,

Mosaic Reveal splits a single image into a configurable grid and animates each tile independently. The result is a seamless reconstruction of the original image with precise alignment and smooth motion.

Key features include:

Single image → mosaic transformation Automatically divides one image into tiles and reconstructs it through animation.
Fully responsive grid The mosaic scales with the container while maintaining perfect alignment and structure.
Customizable grid density Control the number of columns and rows to adjust the level of detail and fragmentation.
Advanced reveal animation controls Fine-tune animation duration, stagger timing, scale, and vertical motion for each tile.
Randomized or sequential motion Choose between ordered or randomized tile reveal for different visual styles.
Exit animations Supports both full fade-out and randomized tile disappearance for a fragmented exit effect.
Playback control Set hold duration, replay on scroll, or trigger once for flexible interaction behavior.
Clean and precise rendering Tiles align perfectly to reconstruct the original image without distortion or gaps.

Mosaic Reveal is ideal for designers who want to elevate static images into interactive visual moments with minimal setup and maximum control.

59:T6df,

Tag Picker is built to handle both predefined options and user-generated input with a stable and predictable interaction model.

Core Features

Select from predefined tags or create custom ones
Real-time filtering based on input
Prevents duplicate selections automatically
Keyboard-friendly (Enter to add, Backspace to remove)
Fully supports Korean IME input without breaking characters

UI & Interaction

Single-container dropdown design (input + list in one box)
Expands vertically instead of spawning a separate panel
Tags and input flow together with automatic wrapping
Chevron toggle with clear open/close state
Smooth expand/collapse transitions

State & Behavior

Selected tags are preserved when adding new ones
No duplication or unintended resets during input
Max tag limit with inline feedback
Clean separation between input state and selected values

Form Integration

Works seamlessly with Framer Forms
Outputs selected values as a single field (comma-separated string)
No unnecessary array duplication ([] fields removed)
Syncs instantly with form state on add/remove

Customization

Separate styles for Default and Open states (Surface, Border)
Control typography, spacing, radius, and colors
Configurable label and field name
Fully responsive layout

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-26e06fff-20fe-48f8-9a80-dbb5f8632355-all:/unified/creator/26e06fff-20fe-48f8-9a80-dbb5f8632355/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:26e06fff-20fe-48f8-9a80-dbb5f8632355:/unified/posts/?creator=26e06fff-20fe-48f8-9a80-dbb5f8632355&with=reposts":[{"data":[{"id":"019e67b0-b3ed-7f10-8eed-c2ae8780908f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"G47Q6orutTPoIU0kcZOk","resolved":true,"title":"ReactiveTextGrid","body":"$51","bodyJson":null,"introduction":"3-in-1 Interactive Reactive Text Grid","slug":"reactivetextgrid","author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/G47Q6orutTPoIU0kcZOk/reactivetextgrid-WSDIQmWj6u0BW8lhpaMoRMDmRnjzgc","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-15T01:40:44.796Z","updatedAt":"2026-05-27T04:32:43.951Z","publishedAt":"2026-05-27T04:28:14.189Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://crispcomponents.framer.website/reactive-text-grid","price":"5","paymentUrl":"https://heyuhm.lemonsqueezy.com/checkout/buy/1f276bd0-67d8-4f5e-9f71-d6f9bc44ba60","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"EhHGYOQ02yWJMux0b82W","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-27T04:28:14.189Z","updatedAt":"2026-05-27T04:28:14.189Z"},{"id":"019e67b0-9bc1-7aa9-9184-89f12c2d3b3d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1W3vV96nS2kgBUARqRuT","resolved":true,"title":"DualScene3DText","body":"$52","bodyJson":null,"introduction":"Dual-State 3D Sphere Text","slug":"dualscene3dtext","author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/1W3vV96nS2kgBUARqRuT/dualscene3dtext-t9pPsJFhPK0H4YY6zPIB2KjSQILtBO","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-15T01:38:58.915Z","updatedAt":"2026-05-26T10:26:51.755Z","publishedAt":"2026-05-27T04:28:08.001Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://crispcomponents.framer.website/dual-scene-3d-text","price":"3","paymentUrl":"https://heyuhm.lemonsqueezy.com/checkout/buy/c2abd0d1-3f95-4dd5-af61-74e1ff85b8a5","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"eoYTVEdll5AuKf3EDde5","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-27T04:28:08.001Z","updatedAt":"2026-05-27T04:28:08.001Z"},{"id":"019e67b0-5cef-7ae4-9a69-76e933c643c0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"6QtGt48OYgdG9FqVWEV7","resolved":true,"title":"CylinderTextStack","body":"$53","bodyJson":null,"introduction":"3D Kinetic Cylinder Text","slug":"cylindertextstack","author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/6QtGt48OYgdG9FqVWEV7/cylindertextstack-JWm6I3gceLwE0oJUIviQ1JT9zL8jXD","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-15T01:36:34.576Z","updatedAt":"2026-05-26T10:26:52.296Z","publishedAt":"2026-05-27T04:27:51.919Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://crispcomponents.framer.website/cylinder-text-stack","price":"5","paymentUrl":"https://heyuhm.lemonsqueezy.com/checkout/buy/b6f3aab3-72a2-4ca7-95db-94bef8427b28","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"1RUJBxiVfGimMd9ZLMob","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-05-27T04:27:51.919Z","updatedAt":"2026-05-27T04:27:51.919Z"},{"id":"019e26cd-86fc-7650-9946-4c749a862e6c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"U5eR7wAMbQjP1mMGVWt7","resolved":true,"title":"ColorRevealGallery","body":"$54","bodyJson":null,"introduction":"Infinite grid with smart color reveal","slug":"colorrevealgallery","author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/U5eR7wAMbQjP1mMGVWt7/colorrevealgallery-L1T2GsLCsCm4s9YCVaPi5ZGi9rIWMr","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-06T08:29:27.935Z","updatedAt":"2026-05-14T13:37:13.840Z","publishedAt":"2026-05-14T14:04:24.188Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://crispcomponents.framer.website/color-reveal-gallery","price":"12","paymentUrl":"ttps://contra.com/payment-link/PwdnFxfp-color-reveal-gallery","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"36B7AmP74zGnJEysJktE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-14T14:04:24.188Z","updatedAt":"2026-05-14T14:04:24.188Z"},{"id":"019e23ed-fb5d-7a52-b8db-051c0d5f57f3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Pp4XUpMYqALbH0q5hEYK","resolved":true,"title":"OrbitalCircleGallery","body":"$55","bodyJson":null,"introduction":"Scroll circular gallery with focus","slug":"orbitalcirclegallery","author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Pp4XUpMYqALbH0q5hEYK/orbitalcirclegallery-dmFhoZFNuxYSE6mxTU8Io8vbOyqK5L","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-30T03:01:45.893Z","updatedAt":"2026-05-13T15:14:36.165Z","publishedAt":"2026-05-14T00:40:59.485Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://crispcomponents.framer.website/orbital-circle-gallery","price":"8","paymentUrl":"https://contra.com/payment-link/avBZ9xEH-orbital-circle-gallery","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"Rgr6zfPmOWm6FmYc8TZg","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-14T00:40:59.485Z","updatedAt":"2026-05-14T00:40:59.485Z"},{"id":"019e06ea-abe2-783a-b781-8bd930436530","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"aOWXjBxQSSL2pr90NqAZ","resolved":true,"title":"CubeGallery","body":"$56","bodyJson":null,"introduction":"Interactive 3D cube image gallery","slug":"cubegallery","author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/aOWXjBxQSSL2pr90NqAZ/cubegallery-gtTIHBpa5fOAozYBLhvQWVwzgYDhrs","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-24T06:30:14.206Z","updatedAt":"2026-05-08T09:27:25.974Z","publishedAt":"2026-05-08T09:28:23.266Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://crispcomponents.framer.website/cube-gallery","price":"10","paymentUrl":"https://contra.com/payment-link/YA2i0j34-cube-gallery","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"G9wqQtrlCQabl0d6rypr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-08T09:28:23.266Z","updatedAt":"2026-05-08T09:28:23.266Z"},{"id":"019daf13-e4ca-7935-951a-68d390f9bc5a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"45xMIN6UHMVlDZw7Xev9","resolved":true,"title":"TextSizeSlider","body":"$57","bodyJson":null,"introduction":"A simple and flexible slider component ","slug":"textsizeslider","author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/45xMIN6UHMVlDZw7Xev9/textsizeslider-sG3hXy39cBSutXAO3z2p4nIKRnQaQT","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-01T02:24:15.552Z","updatedAt":"2026-04-21T08:03:48.830Z","publishedAt":"2026-04-21T08:06:49.802Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/TextSizeSlider-7KXtmr.js@Agw1zzZdUEf4m81fPCNj","previewUrl":"https://crispcomponents.framer.website/text-size-slider","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"Agw1zzZdUEf4m81fPCNj","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-04-21T08:06:49.802Z","updatedAt":"2026-04-21T08:06:49.802Z"},{"id":"019daf13-d860-75e6-83df-69e2c87e8ee8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"kNhOXYPmdxMutKNmMvuU","resolved":true,"title":"ScatteredLettersText","body":"

Character-level interaction Each letter acts as an independent hover target, allowing precise and localized animation without affecting surrounding text.
Scattered motion effect On hover, the selected character moves slightly in different directions with rotation applied, creating a natural “scattered” feel.
Stable layout Only the hovered character animates—ensuring the overall text structure remains intact and clean.
Adjustable motion intensity Control how far letters move using the Hover Move value, from subtle shifts to more expressive motion.
Rotation control Fine-tune the playful 느낌 with adjustable rotation intensity per character.
Smooth animation Customizable duration with ease-out motion for a soft and responsive interaction.
Fully customizable text style Edit text content, font, size, and color directly within the component.

","bodyJson":null,"introduction":"Hover over any letter and watch it scatt","slug":"scatteredletterstext","author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/kNhOXYPmdxMutKNmMvuU/scatteredletterstext-fefydEHfgr6qCDoI4gRdAI3x272R0Q","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-01T02:26:51.817Z","updatedAt":"2026-04-21T08:04:13.800Z","publishedAt":"2026-04-21T08:06:46.624Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/ScatteredLettersText-xcxpaO.js@Io2QmdXrJ7QK9N4kYGQL","previewUrl":"https://crispcomponents.framer.website/scattered-letters-2","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"Io2QmdXrJ7QK9N4kYGQL","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-21T08:06:46.624Z","updatedAt":"2026-04-21T08:06:46.624Z"},{"id":"019d98da-a2d0-7949-9dd3-c7abb6d008ef","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"wPEoHgWOc4HNsnE9HN5Q","resolved":true,"title":"Fragment Reveal","body":"$58","bodyJson":null,"introduction":"Animate images with fragment reveal","slug":"fragment-reveal","author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/wPEoHgWOc4HNsnE9HN5Q/fragment-reveal-E6Y5SXoxoyjyoHVULStG9cbBFpQzxy","metadata":{"tint":{"h":38,"s":74,"l":33},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-16T05:51:31.408Z","updatedAt":"2026-04-16T13:03:17.858Z","publishedAt":"2026-04-17T00:32:38.608Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/FragmentReveal-1hLDPz.js@q6ttRmkrlGxbS30qNbAn","previewUrl":"https://crispcomponents.framer.website/fragment-reveal","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"q6ttRmkrlGxbS30qNbAn","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-04-17T00:32:38.608Z","updatedAt":"2026-04-17T00:32:38.608Z"},{"id":"019d9194-3475-793c-b44d-e5df061e0810","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"z3sF21uk9LlQaKmfsR29","resolved":true,"title":"Scroll Text Fill","body":"

Scroll-based interaction The text color fills progressively based on the user’s scroll position
Dual-layer text structure Built with separate base and fill layers for precise mask-based rendering
Direction control Choose from Left → Right, Right → Left, Top → Bottom, or Bottom → Top
Fully customizable Edit text, font family, font size, base color, and fill color
Clean property UI Direction is provided as a dropdown for a clean and intuitive control experience
Responsive & reusable Designed to work across layouts and easily reused as a component

","bodyJson":null,"introduction":"Scroll-driven text color fill with direc","slug":"scroll-tex-tfill","author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/z3sF21uk9LlQaKmfsR29/scroll-tex-tfill-3LJ6MoOpPrOYHL6flCtarX7g7Q6fjh","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-01T01:53:09.113Z","updatedAt":"2026-04-16T05:24:23.783Z","publishedAt":"2026-04-15T14:38:22.325Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/ScrollTextFill-942YH8.js@NzkRuK46yVPt3oV7JPF4","previewUrl":"https://crispcomponents.framer.website/scroll-text-fill","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"NzkRuK46yVPt3oV7JPF4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":60,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T14:38:22.325Z","updatedAt":"2026-04-15T14:38:22.325Z"},{"id":"019d9194-26cb-775b-8384-00dcb53c23fb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"b8DfpbGp2IvucKNQUAkO","resolved":true,"title":"TagPicker","body":"$59","bodyJson":null,"introduction":"A flexible multi-select tag input","slug":"tagpicker","author":{"framerUserId":"26e06fff-20fe-48f8-9a80-dbb5f8632355","name":"Heyuhm","slug":"heyuhm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/231529/avatar-CrKWjR0VqxCEUo30e9HWmcX1tonOTv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/b8DfpbGp2IvucKNQUAkO/tagpicker-9C5XVC5vo2Jro51qzoLtZc1iyZWkkw","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-01T02:25:46.280Z","updatedAt":"2026-04-10T11:08:03.683Z","publishedAt":"2026-04-15T14:38:18.827Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/TagPicker-j9NMz9.js@0DmURYKASLWr1kD83qdp","previewUrl":"https://crispcomponents.framer.website/tag-picker","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"0DmURYKASLWr1kD83qdp","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-04-15T14:38:18.827Z","updatedAt":"2026-04-15T14:38:18.827Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5a"}]