62:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/40ipl9wdtrm_x.js","/creators-assets/_next/static/immutable/chunks/1bd061yvfby7i.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/1amcd-eostlux.js","/creators-assets/_next/static/immutable/chunks/06b9gh03a5itu.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/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3xzkckc77quth.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/25aeqr2ydtz4o.js","/creators-assets/_next/static/immutable/chunks/2hfz7h1vpjv9v.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/41glpbsahf_22.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/31t_i-sjkqwxc.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/31wecb1pe5ugs.js","/creators-assets/_next/static/immutable/chunks/2bej0vd4kut9m.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0mf-dfabvof5m.js","/creators-assets/_next/static/immutable/chunks/28zsl3gu7sgg3.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1hrrs8zq4ee_v.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/0kwdy8yc-c0ba.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js"],"S"] 63:Td16,

PublishedDate Component

Display relative timestamps like “5 hours ago”, “2 weeks ago”, or “3 months ago” just like YouTube’s posted dates. Perfect for blogs, video platforms, news sites, and apps that need dynamic date display.

The Time Ago Component brings YouTube-style date functionality to your Framer projects. Instead of showing static dates, it automatically calculates and displays relative time (e.g. “posted 5 hours ago” or “published 2 months ago”).

This component updates seamlessly based on the current time, making your projects feel modern, dynamic, and user-friendly. Whether you’re building a content platform, blog, news portal, or social app, this component keeps your UI fresh and engaging without manual updates.

Key Features

🔄 Automatic relative time calculation — no manual updates needed.
⏰ Multiple time ranges supported — minutes, hours, days, weeks, months, years.
🧠 Smart plural handling — “1 day ago” vs. “2 days ago.”
🎨 Lightweight design — styled to look simple and readable like YouTube.
🔌 Reusable — just pass a publishedDate property, and it works instantly.
🛠 Customizable — easily style fonts, colors, and placement to match your brand.

💡 Use Cases

📺 Video platforms — show when a video was posted (YouTube-like).
📰 Blogs & News sites — keep readers updated with “Published 3 hours ago.”
📱 Social media apps — display user post timestamps dynamically.
🛒 E-commerce product updates — “Added 2 weeks ago” or “Back in stock 3 days ago.”
🎤 Podcasts or event listings — “Episode uploaded 1 month ago.”

Why This Component?

Instead of showing boring, static dates, give your users human-friendly, real-time posted dates that create trust and urgency. People love knowing how “fresh” content is, this simple feature boosts engagement across blogs, apps, and platforms.

🔧 Technical Details

Input: publishedDate (Date format)
Output: Text displaying relative time
Updates automatically on reload/visit
Built for Framer, no external dependencies

📦 What’s Included

The Time Ago Component
Lifetime updates

🎯 Applications

Content creators who want their websites to feel like YouTube/Twitter.
Agencies building blogs, video sites, or social platforms for clients.
E-commerce brands wanting fresher UI with relative product timestamps.
Developers/designers who want a ready-made drop-in solution.

✨ With this component, your projects feel alive, modern, and always up to date, just like the big platforms people love.

64:T996,

Overview

Make your metrics feel alive. This CountUp combines rolling digits with precise counting for a premium, trustworthy feel. Design prefix, value and suffix independently with full typography control or sync them instantly. It handles decimals and commas out of the box and gives you flexible autoplay in view so you can trigger once or every time for dynamic sections and sliders.

Why it is different

• True rolling digits that match the count

• Full typographic control for each segment

• Reliable number formatting including decimals and commas

• Thoughtful play modes that fit real page behavior

• Built to be fast and smooth at any size

How to use

Install the component from the Marketplace
Drop it into your canvas
Set start and end values
Choose play mode and duration
Style prefix, value and suffix or enable sync
Preview and publish

FAQ

Does it support decimalsYes. Set decimal Places to the exact number you need.

Can I show commasYes. Toggle use Commas.

Can it animate only onceYes. Use play Mode set to auto or Once. For repeated animation set auto Every View. For full control use manual.

Will it work in sliders or loopsYes. auto Every View is ideal when slides re enter the viewport.

How accurate is the final valueIt always lands on the exact end value, including decimals.

Can I control it with an interactionYes. Use manual playMode and connect a button or scroll action to the exposed Play action.

This component works beautifully for:

Landing Pages: Showcase milestones, revenue, or conversion boosts in a visually stunning way.
Portfolio Sites: Highlight projects completed, clients served, or awards won with engaging counters.
E-Commerce Stores: Show items sold, sales totals, or stock remaining in real-time.
SaaS & Startups: Display KPIs, sign-ups, or performance metrics that update on scroll for maximum impact.
Nonprofits & Campaigns: Animate donation totals, volunteer hours, or social reach in a way that inspires action.

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-b48558b2-a5e5-4ab2-abde-c5b8e121b9c3-all:/unified/creator/b48558b2-a5e5-4ab2-abde-c5b8e121b9c3/activity/":[{"data":[{"id":"019ffd63-c639-74ab-b9d8-6ded54b2dd3c","type":"template.liked","target":{"type":"template","id":"70759","preview":"Mira","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/300f4c65-27a0-47d9-9b2d-d3e7324b37fb/01a001d2-ee03-752d-8306-01337b98fd03.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b48558b2-a5e5-4ab2-abde-c5b8e121b9c3","name":"Sadiq Abdulqudus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b48558b2-a5e5-4ab2-abde-c5b8e121b9c3/zppyoafa","slug":"pixelvox","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-13T23:10:02.288Z","latestAt":"2026-08-13T23:10:02.288Z"},{"id":"019fa10d-7fd6-723e-b95b-56b8f6ec8252","type":"template.liked","target":{"type":"template","id":"63962","preview":"Pilot ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/59b1a783-b1b1-4d0c-8788-c0b9532ff9ec/019f7f3a-e041-77d2-9692-45b114541e95.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b48558b2-a5e5-4ab2-abde-c5b8e121b9c3","name":"Sadiq Abdulqudus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b48558b2-a5e5-4ab2-abde-c5b8e121b9c3/zppyoafa","slug":"pixelvox","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-27T00:50:44.300Z","latestAt":"2026-07-27T00:50:44.300Z"},{"id":"019fa10d-6aff-701b-bd56-ced72f7988b1","type":"template.liked","target":{"type":"template","id":"60573","preview":"Convertism®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/59b1a783-b1b1-4d0c-8788-c0b9532ff9ec/019f6372-c08e-73bb-8054-532e5823f624.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b48558b2-a5e5-4ab2-abde-c5b8e121b9c3","name":"Sadiq Abdulqudus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b48558b2-a5e5-4ab2-abde-c5b8e121b9c3/zppyoafa","slug":"pixelvox","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-27T00:50:38.956Z","latestAt":"2026-07-27T00:50:38.956Z"},{"id":"019fa10d-5d24-76bc-b10d-6f1feb9340ab","type":"template.liked","target":{"type":"template","id":"59620","preview":"Superfast®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/59b1a783-b1b1-4d0c-8788-c0b9532ff9ec/019f6b72-5014-7479-9638-a7e6f50a140d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b48558b2-a5e5-4ab2-abde-c5b8e121b9c3","name":"Sadiq Abdulqudus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b48558b2-a5e5-4ab2-abde-c5b8e121b9c3/zppyoafa","slug":"pixelvox","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-27T00:50:35.426Z","latestAt":"2026-07-27T00:50:35.426Z"},{"id":"019fa10d-41ee-728f-ba62-c3a6cbcfe3f9","type":"template.liked","target":{"type":"template","id":"54480","preview":"Humanly®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/59b1a783-b1b1-4d0c-8788-c0b9532ff9ec/019f6b66-fd2b-75c8-b018-4b2725ffa5ae.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b48558b2-a5e5-4ab2-abde-c5b8e121b9c3","name":"Sadiq Abdulqudus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b48558b2-a5e5-4ab2-abde-c5b8e121b9c3/zppyoafa","slug":"pixelvox","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-27T00:50:28.456Z","latestAt":"2026-07-27T00:50:28.456Z"},{"id":"019f5299-2b32-76ca-9956-189eb0d49f64","type":"component.liked","target":{"type":"component","id":"c8YZ4BJltkQsMCOM2t9A","preview":"SpiderEffect","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47745ef1-855e-412c-a101-305ac078cd49/ysrtaku6","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b48558b2-a5e5-4ab2-abde-c5b8e121b9c3","name":"Sadiq Abdulqudus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b48558b2-a5e5-4ab2-abde-c5b8e121b9c3/zppyoafa","slug":"pixelvox","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-11T19:13:17.612Z","latestAt":"2026-07-11T19:13:17.612Z"},{"id":"019f1039-fee1-768c-b290-1edca259d51e","type":"template.liked","target":{"type":"template","id":"58378","preview":"Fuel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/58378/fuel-cxVfde7R2p54adU3CSTkTlNHUEwfXq","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b48558b2-a5e5-4ab2-abde-c5b8e121b9c3","name":"Sadiq Abdulqudus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b48558b2-a5e5-4ab2-abde-c5b8e121b9c3/zppyoafa","slug":"pixelvox","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-28T21:54:24.091Z","latestAt":"2026-06-28T21:54:24.091Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:b48558b2-a5e5-4ab2-abde-c5b8e121b9c3:/unified/posts/?creator=b48558b2-a5e5-4ab2-abde-c5b8e121b9c3&with=reposts":[{"data":[{"id":"0199a58a-6b8c-7d3d-95ff-771f68003802","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b48558b2-a5e5-4ab2-abde-c5b8e121b9c3","name":"Sadiq Abdulqudus","slug":"pixelvox","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b48558b2-a5e5-4ab2-abde-c5b8e121b9c3/zppyoafa","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"8617","resolved":true,"title":"Thomasbl","body":null,"bodyJson":null,"introduction":"ThomasBL is a personal brand website for Thomas Bernhardt-Lanier. I designed and built it in Framer with a clean, modern layout, CMS integration for essays and poetry, smooth page transitions, and fully responsive design.","slug":"thomasbl","author":{"framerUserId":"b48558b2-a5e5-4ab2-abde-c5b8e121b9c3","name":"Sadiq Abdulqudus","slug":"pixelvox","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b48558b2-a5e5-4ab2-abde-c5b8e121b9c3/zppyoafa","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/8617/thumbnail-IEquxC05r0bJYS1wvUHqKzeDFArRkX.jpg","metadata":{"tint":{"h":150,"s":67,"l":14},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-02T15:28:56.203Z","updatedAt":"2025-10-02T15:28:56.203Z","publishedAt":"2025-10-02T15:28:56.204Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.thomasbl.com/","categories":[{"id":"cb1ce5d0-8749-428e-b0d8-917786928ffd","name":"Personal","slug":"personal"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-02T15:28:56.204Z","updatedAt":"2025-10-02T15:28:56.204Z"},{"id":"01995a61-f179-7ad4-94c0-bd618c987a45","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b48558b2-a5e5-4ab2-abde-c5b8e121b9c3","name":"Sadiq Abdulqudus","slug":"pixelvox","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b48558b2-a5e5-4ab2-abde-c5b8e121b9c3/zppyoafa","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"FDkZe3T2Fflc5rt2VXRk","resolved":true,"title":"PublishedDate","body":"$63","bodyJson":null,"introduction":"","slug":"publisheddate","author":{"framerUserId":"b48558b2-a5e5-4ab2-abde-c5b8e121b9c3","name":"Sadiq Abdulqudus","slug":"pixelvox","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b48558b2-a5e5-4ab2-abde-c5b8e121b9c3/zppyoafa","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/FDkZe3T2Fflc5rt2VXRk/publisheddate-GNSE6PvPul0Zwl2kVxzvforSudQjyz","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-09T01:12:41.280Z","updatedAt":"2025-09-17T16:37:54.486Z","publishedAt":"2025-09-18T01:13:12.313Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/TimeAgo-1-CGMZ.js@CyZKUZexKl06Sscbxjnl","previewUrl":"https://appreciated-innovation-860552.framer.app/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"CyZKUZexKl06Sscbxjnl","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":"2025-09-18T01:13:12.313Z","updatedAt":"2025-09-18T01:13:12.313Z"},{"id":"0198d23c-74c2-7e36-b6c1-8b97719dbd2d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b48558b2-a5e5-4ab2-abde-c5b8e121b9c3","name":"Sadiq Abdulqudus","slug":"pixelvox","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b48558b2-a5e5-4ab2-abde-c5b8e121b9c3/zppyoafa","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"6W7MPxS5OPqIWZUntko7","resolved":true,"title":"CounterUp","body":"$64","bodyJson":null,"introduction":"","slug":"counterup","author":{"framerUserId":"b48558b2-a5e5-4ab2-abde-c5b8e121b9c3","name":"Sadiq Abdulqudus","slug":"pixelvox","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b48558b2-a5e5-4ab2-abde-c5b8e121b9c3/zppyoafa","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/6W7MPxS5OPqIWZUntko7/counterup-0tQsb4B1t2KR3NjfrqntBa3opoqQRn","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-13T14:53:27.172Z","updatedAt":"2026-01-08T22:18:26.208Z","publishedAt":"2025-08-22T14:43:54.178Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://careful-priority-625712.framer.app/","price":"5","paymentUrl":"https://pixelvox.gumroad.com/l/CounterUp","workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"JEWkNCPBccpCR8grdzLx","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-08-22T14:43:54.178Z","updatedAt":"2025-08-22T14:43:54.178Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L65"}]