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

Interactive Chart

A data-powered area chart that responds to your cursor — built for Framer, fully customizable, zero design-system friction.

What it does

Hover anywhere and a vertical guide line tracks your cursor, snapping to the nearest of up to 24 data points. The headline value, label, and description update with a spring animation, while a dot rides the line at the active point. When the text block nears the right edge, it flips to the opposite side automatically — no clipping, no manual adjustment.

Powered by your data

Feed it real numbers and the chart renders accordingly. Catmull-Rom Bezier path generation gives you smooth curves or sharp segments, and ResizeObserver keeps everything fluid across any breakpoint.

Every style is yours to control

Line color and opacity, area fill, guide line, dot styling, three font controls, three independent color pickers. Toggle smoothing for Bezier curves or sharp segments. Set text alignment to top, middle, or bottom — or enable Follow Dot to pin the text block to the active point with a configurable gap. Works on dark and light backgrounds out of the box.

Who it's for

Designers and founders shipping hero sections, product pages, case studies, dashboards, and pricing comparisons — anywhere a static chart should feel alive instead of flat.

4e:T711,

About this Component

A dynamic typewriter effect component for Framer that brings your text to life with smooth, terminal-style animation. Perfect for landing pages, portfolios, or startup sites, it adds energy and personality to any heading, tagline, or block of copy. The component includes a built-in “Last login” intro for extra tech flair (optional), plus granular timing controls so you can fine-tune exactly how the text appears.

Built with flexibility in mind, it fully integrates with Framer’s native Font control, giving you access to all your favorite Google, Fontshare, and custom typefaces — right from the design panel.

Features

Authentic typewriter-style animation
Optional “Last login” header for terminal feel
Native Framer Font control (family, size, weight, line height, letter spacing)
Grouped delay settings for start, line, and paragraph timing
Fixed paragraph delimiter (---) for clean multi-paragraph control
Customizable cursor style (default █)
Fully responsive, works with any Framer text styling

Refund Policy

Because this is a digital product, all sales are considered final.

Once you complete your purchase, you’ll get instant access to the Framer code component. Since digital items can’t be returned, we’re not able to offer refunds, exchanges, or cancellations.

Please make sure to review the features and preview materials before buying. If you’re unsure or have any questions, feel free to reach out — we’re happy to help before you commit.

By completing your purchase, you’re confirming you understand and accept these terms.

4b:["$","$L4c",null,{"value":{"fallback":{"$inf$activity-creator-e4656ad9-6d5a-4bd1-9938-b9b8e169eedf-all:/unified/creator/e4656ad9-6d5a-4bd1-9938-b9b8e169eedf/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:e4656ad9-6d5a-4bd1-9938-b9b8e169eedf:/unified/posts/?creator=e4656ad9-6d5a-4bd1-9938-b9b8e169eedf&with=reposts":[{"data":[{"id":"019ea5bf-9c61-7b79-80dc-d536531ba4b8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e4656ad9-6d5a-4bd1-9938-b9b8e169eedf","name":"Alex Dovhyi","slug":"dovhyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/241090/avatar-JxCaEGfEBYSeh3OoWBqIGt2riw3PWg.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"44oRGyfNWIxWZg2hYMq6","resolved":true,"title":"Interactive Chart","body":"$4d","bodyJson":null,"introduction":"Hover-driven chart with smooth curves","slug":"interactive-chart","author":{"framerUserId":"e4656ad9-6d5a-4bd1-9938-b9b8e169eedf","name":"Alex Dovhyi","slug":"dovhyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/241090/avatar-JxCaEGfEBYSeh3OoWBqIGt2riw3PWg.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/44oRGyfNWIxWZg2hYMq6/interactive-chart-SfI4NkFW9YZbjRj977smitpRpAk4WX","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-03T09:50:45.669Z","updatedAt":"2026-06-08T09:16:01.115Z","publishedAt":"2026-06-08T05:40:58.593Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://interactive-chart.framer.website","price":"14","paymentUrl":"https://buy.polar.sh/polar_cl_jeB0B7bPra3vkpa9HGJFOAgshgw2unLposvJp3g7VHX","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"Qv0Wf4v1YfNYeuRUy0EB","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-06-08T05:40:58.593Z","updatedAt":"2026-06-08T05:40:58.593Z","type":"post"},{"id":"01995892-68d8-7ffd-9ed5-2caa89ea17a0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e4656ad9-6d5a-4bd1-9938-b9b8e169eedf","name":"Alex Dovhyi","slug":"dovhyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/241090/avatar-JxCaEGfEBYSeh3OoWBqIGt2riw3PWg.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ebpKyEcp3wVCqsAzsY70","resolved":true,"title":"TerminalWriter","body":"$4e","bodyJson":null,"introduction":"Premium Typography Component","slug":"terminalwriter","author":{"framerUserId":"e4656ad9-6d5a-4bd1-9938-b9b8e169eedf","name":"Alex Dovhyi","slug":"dovhyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/241090/avatar-JxCaEGfEBYSeh3OoWBqIGt2riw3PWg.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ebpKyEcp3wVCqsAzsY70/terminalwriter-88amyx2w7fVpsQYpEC3HJkJGNBXk19","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-08T14:36:47.354Z","updatedAt":"2026-06-26T09:39:53.452Z","publishedAt":"2025-09-17T16:46:54.168Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://terminal-writer.framer.website","price":"14","paymentUrl":"https://buy.polar.sh/polar_cl_7ZsRKkPRmYvfm1kjUYHcylIDttoTdnqRGAn8S1mGG3r","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"pZmjldER3tbkDhIAS8cH","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":"2025-09-17T16:46:54.168Z","updatedAt":"2025-09-17T16:46:54.168Z","type":"post"},{"id":"01963a11-7d9a-7440-8b95-6859b02003a8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e4656ad9-6d5a-4bd1-9938-b9b8e169eedf","name":"Alex Dovhyi","slug":"dovhyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/241090/avatar-JxCaEGfEBYSeh3OoWBqIGt2riw3PWg.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"50509","resolved":true,"title":"Overlook","body":"

Overlook — the easiest way to launch your Mac app website.

Building a website for your Mac app shouldn't slow you down. With Overlook, you can launch a sleek, high-converting site in minutes — without starting from scratch.

Designed for macOS apps, Overlook comes with a clean, professional layout that puts your product front and center. It’s fully responsive, lightweight, and easy to customize in Framer — so you can focus on your app, not web development.

Pre-built sections for showcasing features, pricing, and testimonials
CMS collection for changelog
Optimized for fast loading and smooth interactions
No coding required — just edit, publish, and launch

Skip the hassle. Get your app out there faster with Overlook.

","bodyJson":null,"introduction":"Launch your MacOS app website","slug":"overlook","author":{"framerUserId":"e4656ad9-6d5a-4bd1-9938-b9b8e169eedf","name":"Alex Dovhyi","slug":"dovhyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/241090/avatar-JxCaEGfEBYSeh3OoWBqIGt2riw3PWg.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50509/overlook-p6UUeNfrScIuYyJWNxlUgvqd0MdWDo","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50509/overlook-XOyYcQB8iMJ8wcibGsrrjS3jVUrCkj","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50509/overlook-Ku9jkaxNfgdkO7cG9OB7jk8PvVPCow","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50509/overlook-NmkG2P2RVkf4K5frXI65FbIWRPX2Ex","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-02-25T13:10:57.349Z","updatedAt":"2026-01-28T12:02:18.722Z","publishedAt":"2025-04-15T15:29:06.970Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"29","paymentUrl":"https://buy.polar.sh/polar_cl_SwH0Am9xyv8mPGdE4RYnt04or10Vhfws6MmKJ2kQSe4","remixUrl":null,"previewUrl":"https://overlook-mac.framer.website/","categories":[{"id":112,"name":"Technology","slug":"technology"}],"styles":[{"id":110,"name":"Animated","slug":"animated"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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":"2025-04-15T15:29:06.970Z","updatedAt":"2025-04-15T15:29:06.970Z","type":"post"},{"id":"019519fd-ac63-71a8-8d92-401b43343aed","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e4656ad9-6d5a-4bd1-9938-b9b8e169eedf","name":"Alex Dovhyi","slug":"dovhyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/241090/avatar-JxCaEGfEBYSeh3OoWBqIGt2riw3PWg.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"50111","resolved":true,"title":"FastCourse","body":"

FastCourse is a landing page template to help you launch your next course, fast. Customize theme with a few clicks or use a theme generator to make the process easier.

Landing page features sections:

Intro
About instructor
What people will learn
What's inside (course program)
Past student's testimonials
FAQ
Registration (sends an email)

Customizing theme is easy: change variable colors (use theme generator to come up with best combinations: https://fastcourse.vercel.app/), swap font styles and you're done.

","bodyJson":null,"introduction":"Launch your course effortlessly.","slug":"fastcourse","author":{"framerUserId":"e4656ad9-6d5a-4bd1-9938-b9b8e169eedf","name":"Alex Dovhyi","slug":"dovhyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/241090/avatar-JxCaEGfEBYSeh3OoWBqIGt2riw3PWg.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50111/fastcourse-okmYWjpkN8MgbADcI7Yurb9CUUrxnC","metadata":{"tint":{"h":150,"s":40,"l":16},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50111/fastcourse-c84j6ObWm8mbkuA9bkuF8kYQLYG8PH","metadata":{"tint":{"h":150,"s":40,"l":16},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50111/fastcourse-PBG0c73EQZTAIdbvw51sDyZupS8xY9","metadata":{"tint":{"h":150,"s":40,"l":16},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50111/fastcourse-QKs9dAmu9EjOVHGYZYhL0iwgoiHlxn","metadata":{"tint":{"h":24,"s":83,"l":19},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-02-07T09:01:57.731Z","updatedAt":"2025-02-18T16:56:50.019Z","publishedAt":"2025-02-18T16:56:50.019Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/kTqxiDA","remixUrl":"https://framer.link/kTqxiDA","previewUrl":"https://fastcourse.framer.website/","categories":[{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":114,"name":"Education","slug":"education"},{"id":206,"name":"Online Courses","slug":"course"}],"styles":[{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":114,"name":"Education","slug":"education"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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":"2025-02-18T16:56:50.019Z","updatedAt":"2025-02-18T16:56:50.019Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L4f"}]