52:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/00zhqb0zqgnk3.js","/creators-assets/_next/static/immutable/chunks/0jb7r9vkvbp9b.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3y8qjjd_v0fjc.js","/creators-assets/_next/static/immutable/chunks/0_aohzx8_x6oa.js","/creators-assets/_next/static/immutable/chunks/2e6uhasjhfbil.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/0ccg8j7qcn1bd.js","/creators-assets/_next/static/immutable/chunks/1o0ogv90oxalc.js","/creators-assets/_next/static/immutable/chunks/0a1gpscfztyde.js","/creators-assets/_next/static/immutable/chunks/0t3q4gzvfui5n.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/41lhc7ix2xugk.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/30smfjlh8o71p.js","/creators-assets/_next/static/immutable/chunks/3-aog2q7la1hs.js","/creators-assets/_next/static/immutable/chunks/2a2w_2tavj0_e.js","/creators-assets/_next/static/immutable/chunks/3f-jmjjx_9lv_.js","/creators-assets/_next/static/immutable/chunks/10ydirfi9qu21.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/3xi9_0nh8wp68.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/1pd9j9dvaikmb.js","/creators-assets/_next/static/immutable/chunks/1dzckq15yxafa.js","/creators-assets/_next/static/immutable/chunks/2k4fp8uwg758i.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/05jm9t-fm5ei_.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1an0rrmx8vr9j.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/2q-c5-h7837do.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/40pcohi_mocbm.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 53:T4de,

Theme Switch is a fully featured React/Framer switcher for light and dark themes.

Supports “Light”, “Dark” and “System” modes with auto theme detection.
Particle/cloud/stars effects and smooth transitions.
Adjustable size and optional shadow for full design flexibility.
Save user theme preference to localStorage and trigger global updates.
Live preview and remix project for easy testing and integration.

How to use:

Import the component into your Framer project
Configure the properties (size, colors, default theme, shadow) in Framer controls.
Drop onto any canvas or app for instant theme switching.

Advanced features:

Adds custom CSS tokens for both theme variants, updating document HTML/Body.
Listens for system theme changes and user interactions.
Accessible toggling via label/input.

Feel free to reach out me if you need any help (gmail: leenhatlong210@gmail.com)

54:T840,

TextClipPathReveal

Animate headlines on scroll with a clean clip path reveal. The component measures the rendered width of your text, wraps it into true visual lines, then animates each line as it enters view.

What you get

• On scroll reveal with enter and exit control from the viewport

• Line by line animation that respects your actual wrapping

• Direction options top bottom left right center

• Controls for duration and stagger

• Works with any font and weight

• Alignment left center rightProps

• Text: multi line input. Press Enter to create a new line.

• Font: family and weight.

• Font Size: default 72.

• Text Color: any solid color.

• Text Align: left center right.

• Line Height: default 1.1.

• Width: container width.

• Background: component background.

• Padding: inner spacing.

• Radius: corner rounding.

• Reveal Direction: top bottom left right center.

• Stagger Delay: delay between lines.

• Duration: time for each line.

How to use

1. Drop the component on your canvas.

2. Set Text and press Enter for new lines.

3. Choose Font and Font Size.

4. Pick Reveal Direction then tune Duration and Stagger.

5. Adjust Padding and Radius if you want a card look.

6. Place the frame in a scrollable section. The reveal runs when the text enters view.

Tips

• Keep a short line length for stronger rhythm.

• Try center alignment with small stagger for hero lines.

• For subtle motion use a shorter duration with a small stagger.

• The frame has a minimum height to ensure scroll space. Increase the section height if you want a later reveal.

Notes

• The component uses Framer Motion and in view detection.

• Works best with display fonts at medium to large sizes

51:["$","$L52",null,{"value":{"fallback":{"$inf$activity-creator-e745b4f6-6fef-43cc-9144-e62e2763c65e-all:/unified/creator/e745b4f6-6fef-43cc-9144-e62e2763c65e/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:e745b4f6-6fef-43cc-9144-e62e2763c65e:/unified/posts/?creator=e745b4f6-6fef-43cc-9144-e62e2763c65e&with=reposts":[{"data":[{"id":"019a9ecb-19b2-7b26-9660-2a0bce599cc5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e745b4f6-6fef-43cc-9144-e62e2763c65e","name":"Long Nhật","slug":"long-nhat","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1438494/avatar-1756wLqQqRE1lEXiAUE3FSNVFT6xcc.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Bg6TlubMTCGrORhfjpxd","resolved":true,"title":"Theme Switch ","body":"$53","bodyJson":null,"introduction":"","slug":"theme-switch","author":{"framerUserId":"e745b4f6-6fef-43cc-9144-e62e2763c65e","name":"Long Nhật","slug":"long-nhat","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1438494/avatar-1756wLqQqRE1lEXiAUE3FSNVFT6xcc.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Bg6TlubMTCGrORhfjpxd/theme-switch-YtiM5mNPfTuXG2O0X6B7N6dvajmelF","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-09T14:54:33.720Z","updatedAt":"2025-11-19T14:43:03.086Z","publishedAt":"2025-11-20T01:05:01.874Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/CoolThemeSwitch-jbUt.js@WuyuysvX5GwpMqKs8OMd","previewUrl":"https://calm-acknowledgment-604505.framer.app/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"WuyuysvX5GwpMqKs8OMd","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":22,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-20T01:05:01.874Z","updatedAt":"2025-11-20T01:05:01.874Z"},{"id":"019a7fec-a020-772b-8d02-39a326079f3e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e745b4f6-6fef-43cc-9144-e62e2763c65e","name":"Long Nhật","slug":"long-nhat","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1438494/avatar-1756wLqQqRE1lEXiAUE3FSNVFT6xcc.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"E1KwOW0weHQk7wV1shnQ","resolved":true,"title":"Text Glitch Hover","body":"

FuzzyText is a versatile Framer component that transforms your static text into a visually compelling, animated element. It uses a custom canvas rendering logic to generate “fuzz” effects and supports intelligent resizing for responsive layouts (fixed, fit width, and fit height). Easily adjust font family, size, weight, style, colors, and line height for any web project.

Key features:

Customizable animated “fuzzy” text effect, activated on hover
Adaptive font sizing and smart line wrapping for any layout
Rich control panel: font, alignment, padding, color, animation intensity
Simple integration for headlines, hero sections, and error pages
Optimized for performance and clean code standards

Give your site a signature look—perfect for interactive hero sections, dynamic banners, or attention-grabbing announcements

","bodyJson":null,"introduction":"","slug":"text-glitch-hover","author":{"framerUserId":"e745b4f6-6fef-43cc-9144-e62e2763c65e","name":"Long Nhật","slug":"long-nhat","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1438494/avatar-1756wLqQqRE1lEXiAUE3FSNVFT6xcc.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/E1KwOW0weHQk7wV1shnQ/text-glitch-hover-NBZspRPx0YHUN87zNKfh6jAbej4lzH","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-03T04:16:02.258Z","updatedAt":"2025-11-13T17:28:15.310Z","publishedAt":"2025-11-14T01:13:25.280Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Text-Glitch-Hover-6Jog.js@duSuz8tk4jidH5xRtbEx","previewUrl":"https://fuzzytext2.framer.website/?editSite","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"duSuz8tk4jidH5xRtbEx","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":"2025-11-14T01:13:25.280Z","updatedAt":"2025-11-14T01:13:25.280Z"},{"id":"019a5e0a-39e7-7779-8f4c-5b125515827c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e745b4f6-6fef-43cc-9144-e62e2763c65e","name":"Long Nhật","slug":"long-nhat","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1438494/avatar-1756wLqQqRE1lEXiAUE3FSNVFT6xcc.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"b6iKQYaVtom30OCCLKxw","resolved":true,"title":"Path Text Reveal","body":"$54","bodyJson":null,"introduction":"","slug":"path-text-reveal","author":{"framerUserId":"e745b4f6-6fef-43cc-9144-e62e2763c65e","name":"Long Nhật","slug":"long-nhat","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1438494/avatar-1756wLqQqRE1lEXiAUE3FSNVFT6xcc.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/b6iKQYaVtom30OCCLKxw/path-text-reveal-Um8zLjcNdZmbY2yWTiqLhCTHIkrIj5","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-27T01:57:03.276Z","updatedAt":"2025-11-15T14:19:00.512Z","publishedAt":"2025-11-07T11:18:39.847Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Text-Clip-Path-Reveal-LM9j.js@1DkBkJWhFdFFPRhD67TU","previewUrl":"https://textclippathreveal.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"1DkBkJWhFdFFPRhD67TU","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":24,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-07T11:18:39.847Z","updatedAt":"2025-11-07T11:18:39.847Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L55"}]