51: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"] 52:T55f,

Turn a plain FAQ into something people actually want to click. 3D Accordion stacks your questions as solid isometric blocks with real depth, a colored side spine, and a soft shadow. Each block lifts toward the viewer when opened, and the cube icon's lid pops up as the answer slides smoothly into view.

Built for landing pages, pricing sections, help centers, and product pages where a standard accordion feels flat.

Key features:

Add up to 30 questions, each with its own block color
Accordion mode (one open at a time) or independent mode (many open)
Choose whether the first item is open or all are closed on load
Optional isometric cube icon with animated lid
Adjustable depth, corner radius, spine width, gap, and padding
Toggle the shadow and lift-on-open effects
Custom fonts for questions and answers
Full control over card, text, answer, and button colors
Adjustable animation speed

Accessibility is built in: proper button and region semantics, aria-expanded states, keyboard focus outlines, and respect for reduced-motion preferences.

Drop it in, edit the questions in the properties panel, and match it to your brand in seconds. It stretches to any width and grows to fit its content.

53:T8fb,

Me Online is a Google-inspired creative portfolio template for Framer, made for designers, developers, freelancers, and creatives. Your work is presented like a search experience, so visitors feel at home right away and explore with ease. It is clean, familiar, and easy to make your own.

Home

A bold name, a Ctrl + K search bar, and quick cards like "Explore my work" and "Let's work together" greet your visitors. Shortcut icons link straight to your featured projects. Choose a full-screen image background, or switch to a solid color or gradient, just like Google's themes.

Work Page

Projects appear as search results with filter tabs (All, Branding, UI/UX, Motion, Web), tags, and a portfolio overview card with your key stats. A side profile panel shows your location, availability, tools, and email, along with "Hire me" and "Resume" buttons.

About and Gallery

The About popup shares your bio, quick-fact chips, and tabs for skills, experience, and fun facts, with animated progress bars. The Gallery popup shows your visuals in a clean masonry grid that is easy to browse.

Connect

The apps menu gathers your LinkedIn, GitHub, Dribbble, Behance, X, Email, Framer, Notion, and Read.cv links in one tidy dropdown. The profile card in the corner gives instant access to your resume and contact details.

Key Features

Google-inspired, familiar design
CMS-powered projects, so adding work is quick
Built-in contact form
Image or color backgrounds
Search with Ctrl + K shortcut
Project filtering by category
About, Gallery, and Resume popups
Social links menu
Fully responsive on desktop, tablet, and mobile
Easy no-code customization
Smooth animations and clean typography

Perfect For

Product designers, brand designers, motion artists, developers, and freelancers who want a portfolio that is memorable, simple to manage, and fun to browse. Replace the sample content, adjust the colors and fonts, and publish.

54:T882,

Showcase your people in style with Team Social Cards, a modern, fully customizable team section component for Framer. Built for agencies, startups, portfolios, and SaaS websites, it turns a plain "Meet the Team" block into an interactive experience visitors will remember.

Each card features a large, full-bleed portrait with the member's name and role placed cleanly at the bottom. When someone hovers over a card, a smooth curved social bar slides in from the side with rounded icons for Facebook, Twitter, LinkedIn, and Instagram. The animation is fluid and polished, so your team page feels premium without any custom code.

Why you'll love it:

Eye-catching hover animation that reveals social media links
Clean portrait card layout with rounded corners
Name and job title displayed clearly on every card
Bold curved social bar with circular icons
Fully responsive design for desktop, tablet, and mobile
Easy to customize: swap images, names, roles, and links in seconds
Adjustable colors, so the social bar matches your brand
Lightweight and performance-friendly
Works great on both dark and light backgrounds

Perfect for:

Team and About Us pages
Agency and studio websites
Startup and SaaS landing pages
Portfolio and personal brand sites
Company culture and careers pages
Creative and design team showcases

How to use it: drag the component onto your canvas, replace the sample photos with your own, edit the names and job titles, and paste in each person's social profile URLs. Then adjust the colors and spacing in the property panel to match your design. No coding required.

Whether you're introducing designers, developers, marketers, or leadership, this component helps you build trust, add personality, and give visitors an easy way to connect with your team.

Add Team Social Cards to your project today and give your team page the attention it deserves.

55:T864,

BoldStart is a high-impact Framer template built for digital agencies, marketing studios, branding firms, and creative freelancers who want a bold, modern online presence that converts visitors into clients.

Modern, Bold Design A striking hero section, animated headline reveals, and a confident visual identity that helps agencies stand out instead of blending in.

Fully Responsive Every section — hero, services, projects, pricing, team, and blog — adapts smoothly across desktop, tablet, and mobile devices.

CMS Compatible Projects, blog posts, and team members are powered by Framer's CMS, so you can add, edit, or remove content without touching design layouts.

SEO Optimized Clean semantic structure, optimized meta titles/descriptions, and fast-loading assets help your site rank and get discovered.

Accessibility Friendly Readable typography, sufficient color contrast, and structured navigation make the template usable for a wider range of visitors.

Performance Focused Lightweight animations and optimized images keep load times fast without sacrificing visual impact.

Multi-Page Structure Includes Home, About, Projects, Blog, and Contact pages — ready to launch a complete agency site out of the box.

Built-In Sections Include:

Hero with animated intro
Growth stats & metrics
Services / expertise grid
Portfolio / project showcase
Client testimonials
Pricing plans
Team member grid
Blog & insights
Contact form with budget selector
Newsletter signup footer

No-Code Editing Built entirely in Framer — customize colors, fonts, images, and content visually, no coding required.

Perfect for agencies, consultants, marketing teams, and freelance studios looking to launch a professional, conversion-ready website in minutes.

56:T8b0,

A polished, fully customizable date-range picker for Framer — perfect for bookings, reservations, rentals, event registrations, or any project needing a "check-in / check-out" style date selector.

Key features:

Clean popover calendar with smooth open/close animation
Select a start and end date with visual range highlighting
Show 1, 2, or 3 months at once, or auto-adjust based on space
Built-in month & year dropdowns for jumping to far-off dates in one click
Block off unavailable dates (already-booked days) — visible with a strikethrough but not selectable
Set minimum and maximum selectable dates
Choose whether a range can skip over unavailable dates or must snap back automatically
Built-in validation with a custom error message, plus optional helper text
Choose the submitted date format (ISO, US, EU, or long-form)
Supports different locales and calendar labeling systems (Gregorian, Buddhist, Japanese, etc.)
Use it standalone, or wire it to Framer Variables for full control
Every color, font, radius, and spacing detail is stylable — no code required
Fully responsive and touch-friendly

Works seamlessly with Framer's native Forms — no custom code needed. Drop it in, name your fields, and it submits alongside the rest of your form data automatically.

Whether you're building a hotel booking site, car rental page, event signup, or appointment scheduler, this component gives you a beautiful, production-ready date-range field in seconds.

So here's all you do:

Drag the component inside your Framer Form, just like any other field.
Name the fields — in the settings panel, set "Start Field Name" and "End Field Name" (e.g. check_in and check_out).
Done. When someone picks their dates and hits Submit, both dates travel with the rest of the form data.

57:T908,

Most date pickers force a calendar popup — clunky on mobile, hard to style, overkill for simple fields like date of birth or checkout. Date Input Field does it differently: three independent, typed segments — Month, Day, Year — that feel like a native app input.

Built for real forms Plugs into Framer's Native Form — no extra setup. Set a Field Name and it posts a clean value to your inbox, like a built-in field.

Real calendar math Every date accepted actually exists. Leap years calculate correctly, and impossible dates like February 30th can't be typed — the day segment clamps live as you type.

Keyboard-first

Type a digit, field auto-advances
Arrow keys move between segments
Backspace on empty segment jumps back
Click a segment to auto-select

Min/Max dates that constrain input Set a min and max date, and the component restricts what's typeable live — not just on submit. Great for bookings that can't be past-dated, or 18+ registrations. Allow Past / Allow Future toggles handle "today" automatically.

Three formats, one source of truth MM/DD/YYYY, DD/MM/YYYY, or YYYY-MM-DD. Internally stored as clean ISO, so your data stays consistent.

States that make sense Default, Focus, Error, Success — independently colorable, plus Disabled and Read Only. Validation fires only after the user leaves the field, never mid-typing.

Fully styleable, zero code Font, colors, border, radius, padding — all property controls. Match your design system in seconds.

What you get:

Independent Month/Day/Year segments
Leap-year and month-length validation
Live Min/Max range enforcement
Allow Past / Allow Future toggles
3 date formats, leading-zero toggle
Required, Disabled, Read Only states
Accessible error messaging
Full Native Form compatibility, fully responsive

If your form needs a date, this gets a clean, validated field in under a minute — no calendar widget required.

58:T87c,

File Upload Box

A drag-and-drop / click-to-browse file upload field that drops straight into Framer's native Form component. Visitors can browse or drag a file in, watch it upload with a live progress bar, and the resulting file URL is automatically written into a hidden field so it's included with the rest of your form submission — no extra setup needed.

Where your files go

You choose the upload destination in the property panel:

Uploadcare (recommended for real projects) — Files are uploaded directly to your own Uploadcare account using your Public API Key. Every file that comes through the form will show up in your Uploadcare dashboard, where you can view, manage, download, or delete them at any time.

To set this up, grab your Public Key from your Uploadcare project and paste it into the Upload → Public Key field in the property panel. If your account was created after September 4, 2025, also add your CDN Subdomain (found under Project Settings → Delivery) so file links resolve correctly.

tmpfiles.org (public demo host) — A quick way to test the component without setting up an account. Files are sent to the free public service tmpfiles.org and are automatically deleted after about 1 hour. This is meant for prototyping only — don't use it for real visitor submissions or sensitive files, since nothing is stored permanently and anyone with the link can access the file during that hour.

Other features

Optional required-field validation tied into Framer's form submit
Multiple file support
File type and max size restrictions
Fully customizable colors, border style, fonts, and icons to match your design

59:T4d7,

A 3D image carousel for Framer where thumbnails orbit along a true elliptical path, viewed from an elevated, tilted camera angle so it reads as a rotating gallery in space. The ring auto-rotates slowly and tilts gently as you move your mouse across it. Every thumbnail stays billboarded — always facing you, never skewed — even while swinging around the ellipse.

Hovering any thumbnail clones it and flies the clone to the center of the stage while scaling it up, giving a smooth "pop and enlarge" preview without disturbing the ring itself, which keeps spinning underneath.

How to use it:

Drag the component onto your canvas and resize it to fill your section.
Open Images and add your photo list (defaults to 48 placeholders if left empty).
Adjust Radius X / Radius Z and Camera Tilt to shape the ellipse and viewing angle.
Set Thumb Width/Height, Rotation Speed, Mouse Sensitivity, and Hover Scale.
Match your site with Corner Radius and Background.

5a:T73e,

MagicRings is a WebGL-powered background effect that renders a set of glowing, pulsing rings expanding outward from the center, each fading in and out on a loop. It uses a custom GLSL shader (via Three.js) for smooth, GPU-accelerated animation with a two-color gradient across the rings, subtle noise/grain, and optional mouse-reactive movement.

How to use it:

Drag the MagicRings layer onto your canvas and resize it to fill the area you want the effect in (a hero section, card background, etc.) — the layer needs a defined width and height to render.
In the property panel, set Color and Color Two to control the gradient across the rings.
Adjust Ring Count, Base Radius, Radius Step, and Ring Gap to change how many rings appear and how they're spaced.
Use Speed and Scale Rate to control how fast the rings expand and loop.
Tune Line Thickness, Attenuation, and Noise Amount to change the glow's sharpness and texture.
Toggle Follow Mouse to make the rings shift with cursor movement (adjust Mouse Influence and Parallax for intensity), and set Hover Scale for a scale-up effect on hover.
Enable Click Burst to trigger a brief burst/scale pulse when the layer is clicked.
Use Opacity, Blur, and Rotation as final styling touches, and layer it behind text or UI elements using Framer's layer order for a glowing backdrop effect.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-515a92b5-aa38-489d-bed7-d5b7cf38b118-all:/unified/creator/515a92b5-aa38-489d-bed7-d5b7cf38b118/activity/":[{"data":[{"id":"01a11785-0a3b-74f9-aabd-a684c8eabdf3","type":"component.created","target":{"type":"component","id":"2ywM2B1i6INKbtL9jZQZ","preview":"3D Accordion FAQ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a11784-4b8c-7039-afea-e6460013a3fe.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-07T17:59:17.307Z","latestAt":"2026-10-07T17:59:17.307Z"},{"id":"01a1159e-3ac0-70c9-8ab6-52015d3b4617","type":"creator.followed","target":{"type":"creator","id":"830039ba-56b1-42fc-a371-361e8f7a1e4c","preview":"RedDevs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/70334/avatar-q9VjO21hdl19yEZkkQj3EgY306N2Yq.jpg","slug":"reddevs","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:07:33.681Z","latestAt":"2026-10-07T09:07:33.681Z"},{"id":"01a1159e-2f0e-734a-ab3f-486a06d6c2b1","type":"creator.followed","target":{"type":"creator","id":"fe95d35f-5914-496d-b943-5c96622f6fb0","preview":"Mo Bourgilat","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fe95d35f-5914-496d-b943-5c96622f6fb0/z8fgyxh9","slug":"mohamed-bourgilat","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:07:30.696Z","latestAt":"2026-10-07T09:07:30.696Z"},{"id":"01a1159e-199f-75ea-a111-e3fde71a10bc","type":"creator.followed","target":{"type":"creator","id":"92c2a437-4e58-4cd2-9a23-5fd81786f849","preview":"Webnity-X","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92c2a437-4e58-4cd2-9a23-5fd81786f849/fs1ughi6","slug":"webnity-x","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:07:25.203Z","latestAt":"2026-10-07T09:07:25.203Z"},{"id":"01a1159e-03a4-7639-b5c2-9369c3f0f06c","type":"creator.followed","target":{"type":"creator","id":"938f4173-e2d4-4d74-af7b-4f735e7e87fa","preview":"Joann Kim","previewJson":null,"thumbnail":null,"slug":"joann-kim","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:07:19.583Z","latestAt":"2026-10-07T09:07:19.583Z"},{"id":"01a1159d-f98d-768e-9eae-f09d03e1adec","type":"creator.followed","target":{"type":"creator","id":"fdee3431-b0a7-49da-a56d-46eb425939f4","preview":"West Motion","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fdee3431-b0a7-49da-a56d-46eb425939f4/bjrjwnq3","slug":"west-motion","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:07:17.000Z","latestAt":"2026-10-07T09:07:17.000Z"},{"id":"01a1159d-eeb7-752e-a8c5-f11c6c170e6e","type":"creator.followed","target":{"type":"creator","id":"47ce9fd8-7420-482c-8884-adf1417d99ea","preview":"Evgeniy Kiriyan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47ce9fd8-7420-482c-8884-adf1417d99ea/ogmq5aky","slug":"evgeniy-kiriyan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:07:14.224Z","latestAt":"2026-10-07T09:07:14.224Z"},{"id":"01a1159d-d70d-739a-b7c5-6385f9ca22c4","type":"creator.followed","target":{"type":"creator","id":"e81faff4-50db-442b-a112-c4ede97b67a4","preview":"Nguyen Dung","previewJson":null,"thumbnail":null,"slug":"nguyen-dung-86vn2f","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:07:08.170Z","latestAt":"2026-10-07T09:07:08.170Z"},{"id":"01a1159d-c8e8-7663-88ab-03825a60bc33","type":"creator.followed","target":{"type":"creator","id":"692f39c5-f4f2-4917-a261-1ea1f536bead","preview":"baptiste.fort","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/692f39c5-f4f2-4917-a261-1ea1f536bead/dmo7gla4","slug":"baptistefort","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:07:04.545Z","latestAt":"2026-10-07T09:07:04.545Z"},{"id":"01a1159d-bbad-735b-b6fb-e1694ef7a1d4","type":"creator.followed","target":{"type":"creator","id":"db614de5-9003-46a3-b829-67de496c220c","preview":"Stephanie DiDonato","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2262337/7adbc5f290f6a4558044c5b36f2bec04-klvki8eySNR41YvWOUZm4UDn5bK9Zk","slug":"stephanie-didonato","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:07:01.161Z","latestAt":"2026-10-07T09:07:01.161Z"},{"id":"01a1159d-96d9-7637-8de7-3eee7ffebd3b","type":"creator.followed","target":{"type":"creator","id":"c8914526-0143-461c-9463-ae14afb3480f","preview":"Irina Petrov","previewJson":null,"thumbnail":null,"slug":"irina-petrov","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:06:51.732Z","latestAt":"2026-10-07T09:06:51.732Z"},{"id":"01a1159d-892c-7129-8471-15175de1784d","type":"creator.followed","target":{"type":"creator","id":"3840d76a-405d-4b92-99b4-a8bec7e35dae","preview":"Bri Haswell","previewJson":null,"thumbnail":null,"slug":"bri-haswell","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:06:48.230Z","latestAt":"2026-10-07T09:06:48.230Z"},{"id":"01a1159d-719d-73ed-8822-e13cc6efd2d8","type":"creator.followed","target":{"type":"creator","id":"e602b3af-2cca-4f73-972b-6810f421796b","preview":"Felix Clausen","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e602b3af-2cca-4f73-972b-6810f421796b/az5k9ivh","slug":"felixclausen","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:06:42.194Z","latestAt":"2026-10-07T09:06:42.194Z"},{"id":"01a1159d-64c4-72aa-81d0-1b75d55d8f91","type":"creator.followed","target":{"type":"creator","id":"9be75e9a-9705-4d12-85cb-563c1bdbccf4","preview":"Uppermost .","previewJson":null,"thumbnail":null,"slug":"uppermost","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:06:38.912Z","latestAt":"2026-10-07T09:06:38.912Z"},{"id":"01a1159d-4e94-75dc-b538-5ab7f2217b7f","type":"creator.followed","target":{"type":"creator","id":"ac121665-17bf-4520-9fac-716a64560411","preview":"Anais Van Wyk","previewJson":null,"thumbnail":null,"slug":"anais-van-wyk-tgnpv","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:06:33.232Z","latestAt":"2026-10-07T09:06:33.232Z"},{"id":"01a1159d-3ef9-7202-894d-d55279114104","type":"creator.followed","target":{"type":"creator","id":"09bc3e24-752b-4a1b-97c2-ab8d755f63b8","preview":"Tauhid Hasan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/09bc3e24-752b-4a1b-97c2-ab8d755f63b8/4taurhlo","slug":"tauhiduiux","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:06:29.235Z","latestAt":"2026-10-07T09:06:29.235Z"},{"id":"01a1159d-1ace-70eb-94b5-5f56b1db826f","type":"creator.followed","target":{"type":"creator","id":"f478b0de-3860-430f-9abb-62a43584a990","preview":"Farhad Ahmed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f478b0de-3860-430f-9abb-62a43584a990/1j68mb2i","slug":"design-with-farhad","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:06:19.979Z","latestAt":"2026-10-07T09:06:19.979Z"},{"id":"01a1159c-e673-74cb-85d3-f8182719375a","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T09:06:06.570Z","latestAt":"2026-10-07T09:06:06.570Z"},{"id":"01a1117d-2ebe-716c-a1bd-4f4a44b99152","type":"template.created","target":{"type":"template","id":"75000","preview":"Me Online","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a1117c-70f6-7501-8c77-f9c9bf250dcb.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-06T13:52:59.070Z","latestAt":"2026-10-06T13:52:59.070Z"},{"id":"01a0ee18-496f-77fb-837a-45d8032d713e","type":"component.created","target":{"type":"component","id":"NmUNk9mn0A1scWIfgmvY","preview":"Team Section","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a0ee16-e87c-75d0-ae22-7fee78453ac9.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","slug":"deckle","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-29T16:56:04.207Z","latestAt":"2026-09-29T16:56:04.207Z"}],"pagination":{"next":"MjAyNi0wOS0yOVQxNjo1NjowNC4yMDdafDAxYTBlZTE4LTQ5NmYtNzdmYi04MzdhLTQ1ZDgwMzJkNzEzZQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:515a92b5-aa38-489d-bed7-d5b7cf38b118:/unified/posts/?creator=515a92b5-aa38-489d-bed7-d5b7cf38b118&with=reposts":[{"data":[{"id":"01a11785-07c1-703d-abe8-c4595e577e97","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2ywM2B1i6INKbtL9jZQZ","resolved":true,"title":"3D Accordion FAQ","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn a plain FAQ into something people actually want to click. 3D Accordion stacks your questions as solid isometric blocks with real depth, a colored side spine, and a soft shadow. Each block lifts toward the viewer when opened, and the cube icon's lid pops up as the answer slides smoothly into view."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for landing pages, pricing sections, help centers, and product pages where a standard accordion feels flat."}]},{"type":"paragraph","content":[{"type":"text","text":"Key features:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add up to 30 questions, each with its own block color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accordion mode (one open at a time) or independent mode (many open)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose whether the first item is open or all are closed on load"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional isometric cube icon with animated lid"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable depth, corner radius, spine width, gap, and padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Toggle the shadow and lift-on-open effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom fonts for questions and answers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full control over card, text, answer, and button colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable animation speed"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Accessibility is built in: proper button and region semantics, aria-expanded states, keyboard focus outlines, and respect for reduced-motion preferences."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, edit the questions in the properties panel, and match it to your brand in seconds. It stretches to any width and grows to fit its content."}]}]},"introduction":"3D FAQ accordion blocks","slug":"3d-accordion-faq","author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a11784-4b8c-7039-afea-e6460013a3fe.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-10-07T17:59:15.980Z","updatedAt":"2026-10-07T17:59:15.980Z","publishedAt":"2026-10-07T17:59:15.976Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modernfaq.framer.website/","price":"15","paymentUrl":"https://contra.com/payment-link/xCQl68la-3-d-accordion-faq","workshop":false,"categories":[{"id":"cf876fb8-579b-4a79-8604-b7feed61bcb0","name":"Accordions","slug":"accordions"}],"lastSaveId":"zkmwpwLwqtj3x7T8e4Dl","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-07T17:59:16.673Z","updatedAt":"2026-10-07T17:59:16.673Z"},{"id":"01a1117d-2c5f-73a4-92e0-13853eb01070","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[],"resources":[{"id":"75000","resolved":true,"title":"Me Online","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Me Online is a Google-inspired creative portfolio template for Framer, made for designers, developers, freelancers, and creatives. Your work is presented like a search experience, so visitors feel at home right away and explore with ease. It is clean, familiar, and easy to make your own."}]},{"type":"customHeading","content":[{"type":"text","text":"Home"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A bold name, a Ctrl + K search bar, and quick cards like \"Explore my work\" and \"Let's work together\" greet your visitors. Shortcut icons link straight to your featured projects. Choose a full-screen image background, or switch to a solid color or gradient, just like Google's themes."}]},{"type":"customHeading","content":[{"type":"text","text":"Work Page"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Projects appear as search results with filter tabs (All, Branding, UI/UX, Motion, Web), tags, and a portfolio overview card with your key stats. A side profile panel shows your location, availability, tools, and email, along with \"Hire me\" and \"Resume\" buttons."}]},{"type":"customHeading","content":[{"type":"text","text":"About and Gallery"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The About popup shares your bio, quick-fact chips, and tabs for skills, experience, and fun facts, with animated progress bars. The Gallery popup shows your visuals in a clean masonry grid that is easy to browse."}]},{"type":"customHeading","content":[{"type":"text","text":"Connect"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The apps menu gathers your LinkedIn, GitHub, Dribbble, Behance, X, Email, Framer, Notion, and "},{"type":"text","text":"Read.cv","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://Read.cv","target":"_blank"}}]},{"type":"text","text":" links in one tidy dropdown. The profile card in the corner gives instant access to your resume and contact details."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Google-inspired, familiar design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-powered projects, so adding work is quick"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in contact form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image or color backgrounds"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Search with Ctrl + K shortcut"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project filtering by category"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About, Gallery, and Resume popups"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Social links menu"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive on desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy no-code customization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth animations and clean typography"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Product designers, brand designers, motion artists, developers, and freelancers who want a portfolio that is memorable, simple to manage, and fun to browse. Replace the sample content, adjust the colors and fonts, and publish."}]}]},"introduction":"Google-Inspired Creative Portfolio","slug":"me-online","author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a1117c-70f6-7501-8c77-f9c9bf250dcb.png","metadata":{"tint":{"h":240,"s":26,"l":65},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a1117c-70f2-7520-837c-9bb5d0a50b43.png","metadata":{"tint":{"h":180,"s":26,"l":49},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a1117c-71b1-758e-a505-ebaf84e5107b.png","metadata":{"tint":{"h":240,"s":26,"l":65},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a1117c-7199-7575-8371-03a5731f8358.png","metadata":{"tint":{"h":240,"s":26,"l":65},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-10-06T13:52:57.799Z","updatedAt":"2026-10-06T13:52:57.799Z","publishedAt":"2026-10-06T13:52:57.795Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://contra.com/payment-link/Tw0Y8cOA-me-online-creative-portfolio","remixUrl":null,"previewUrl":"https://meonline.framer.website/","categories":[],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":201,"name":"Colorful","slug":"colorful"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-06T13:52:58.463Z","updatedAt":"2026-10-06T13:52:58.463Z"},{"id":"01a0ee18-4728-7318-a000-5fccb5f85ae8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[],"resources":[{"id":"NmUNk9mn0A1scWIfgmvY","resolved":true,"title":"Team Section","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcase your people in style with Team Social Cards, a modern, fully customizable team section component for Framer. Built for agencies, startups, portfolios, and SaaS websites, it turns a plain \"Meet the Team\" block into an interactive experience visitors will remember."}]},{"type":"paragraph","content":[{"type":"text","text":"Each card features a large, full-bleed portrait with the member's name and role placed cleanly at the bottom. When someone hovers over a card, a smooth curved social bar slides in from the side with rounded icons for Facebook, Twitter, LinkedIn, and Instagram. The animation is fluid and polished, so your team page feels premium without any custom code."}]},{"type":"paragraph","content":[{"type":"text","text":"Why you'll love it:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Eye-catching hover animation that reveals social media links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean portrait card layout with rounded corners"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Name and job title displayed clearly on every card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bold curved social bar with circular icons"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive design for desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to customize: swap images, names, roles, and links in seconds"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable colors, so the social bar matches your brand"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight and performance-friendly"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works great on both dark and light backgrounds"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Team and About Us pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency and studio websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Startup and SaaS landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio and personal brand sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Company culture and careers pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative and design team showcases"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to use it: drag the component onto your canvas, replace the sample photos with your own, edit the names and job titles, and paste in each person's social profile URLs. Then adjust the colors and spacing in the property panel to match your design. No coding required."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're introducing designers, developers, marketers, or leadership, this component helps you build trust, add personality, and give visitors an easy way to connect with your team."}]},{"type":"paragraph","content":[{"type":"text","text":"Add Team Social Cards to your project today and give your team page the attention it deserves."}]}]},"introduction":"Team cards with hover social icons","slug":"team-section","author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a0ee16-e87c-75d0-ae22-7fee78453ac9.png","metadata":{"tint":{"h":200,"s":21,"l":22},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-09-29T16:56:02.926Z","updatedAt":"2026-09-29T16:56:02.926Z","publishedAt":"2026-09-29T16:56:02.923Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://myteamsection.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/8z3xaIjD-team-section","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"e3pHJ2g4Kw5GyvGq8Rgq","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-29T16:56:03.624Z","updatedAt":"2026-09-29T16:56:03.624Z"},{"id":"01a0ba65-57ed-738c-a6ac-f3e40382fbf5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73423","resolved":true,"title":"BoldStart","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"BoldStart","marks":[{"type":"bold"}]},{"type":"text","text":" is a high-impact Framer template built for digital agencies, marketing studios, branding firms, and creative freelancers who want a bold, modern online presence that converts visitors into clients."}]},{"type":"paragraph","content":[{"type":"text","text":"Modern, Bold Design","marks":[{"type":"bold"}]},{"type":"text","text":" A striking hero section, animated headline reveals, and a confident visual identity that helps agencies stand out instead of blending in."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive","marks":[{"type":"bold"}]},{"type":"text","text":" Every section — hero, services, projects, pricing, team, and blog — adapts smoothly across desktop, tablet, and mobile devices."}]},{"type":"paragraph","content":[{"type":"text","text":"CMS Compatible","marks":[{"type":"bold"}]},{"type":"text","text":" Projects, blog posts, and team members are powered by Framer's CMS, so you can add, edit, or remove content without touching design layouts."}]},{"type":"paragraph","content":[{"type":"text","text":"SEO Optimized","marks":[{"type":"bold"}]},{"type":"text","text":" Clean semantic structure, optimized meta titles/descriptions, and fast-loading assets help your site rank and get discovered."}]},{"type":"paragraph","content":[{"type":"text","text":"Accessibility Friendly","marks":[{"type":"bold"}]},{"type":"text","text":" Readable typography, sufficient color contrast, and structured navigation make the template usable for a wider range of visitors."}]},{"type":"paragraph","content":[{"type":"text","text":"Performance Focused","marks":[{"type":"bold"}]},{"type":"text","text":" Lightweight animations and optimized images keep load times fast without sacrificing visual impact."}]},{"type":"paragraph","content":[{"type":"text","text":"Multi-Page Structure","marks":[{"type":"bold"}]},{"type":"text","text":" Includes Home, About, Projects, Blog, and Contact pages — ready to launch a complete agency site out of the box."}]},{"type":"paragraph","content":[{"type":"text","text":"Built-In Sections Include:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero with animated intro"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Growth stats & metrics"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services / expertise grid"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio / project showcase"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Client testimonials"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing plans"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Team member grid"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blog & insights"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact form with budget selector"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Newsletter signup footer"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"No-Code Editing","marks":[{"type":"bold"}]},{"type":"text","text":" Built entirely in Framer — customize colors, fonts, images, and content visually, no coding required."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for agencies, consultants, marketing teams, and freelance studios looking to launch a professional, conversion-ready website in minutes."}]}]},"introduction":"Digital Agency","slug":"boldstart","author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a0ba64-6bfb-722e-baf5-a2c8ca679f25.png","metadata":{"tint":{"h":0,"s":0,"l":33},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a0ba64-8ae0-77db-9fe6-30d832b43cf9.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a0ba64-9f98-7788-8a18-231982a445a9.png","metadata":{"tint":{"h":0,"s":0,"l":33},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a0ba64-b5f6-7058-a517-80fb05e93143.png","metadata":{"tint":{"h":0,"s":0,"l":33},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-09-19T15:59:58.367Z","updatedAt":"2026-09-19T15:59:58.367Z","publishedAt":"2026-09-19T15:59:58.365Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"99","paymentUrl":"https://contra.com/payment-link/gOnikU6A-bold-start-digital-agency","remixUrl":null,"previewUrl":"https://boldstart.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":276,"name":"Digital","slug":"digital"},{"id":282,"name":"Blogs","slug":"blogs"}],"styles":[{"id":110,"name":"Animated","slug":"animated"},{"id":193,"name":"Black & White","slug":"black-and-white"},{"id":201,"name":"Colorful","slug":"colorful"},{"id":222,"name":"Grid","slug":"grid"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-19T15:59:58.957Z","updatedAt":"2026-09-19T15:59:58.957Z"},{"id":"01a0b4fb-7d14-72e7-9543-e09cbc5dead8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[],"resources":[{"id":"zcepEud8HNCPa5bhuyke","resolved":true,"title":"Ink Bleed Text","body":"

Text appears the way ink soaks into paper — starting as a soft, blurred blot and pulling into sharp focus as it "absorbs." Built with an animated SVG turbulence filter (no SMIL), so it's smooth and lightweight. Multi-line text staggers line by line, like handwriting settling in. Fully customizable: trigger on page load or scroll (with 6 scroll-trigger positions), optional replay, adjustable duration, line stagger timing, and bleed intensity. Great for editorial headlines, poetic intros, or any moment that deserves a slow, tactile reveal instead of a generic fade-in.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Text appears the way ink soaks into paper — starting as a soft, blurred blot and pulling into sharp focus as it \"absorbs.\" Built with an animated SVG turbulence filter (no SMIL), so it's smooth and lightweight. Multi-line text staggers line by line, like handwriting settling in. Fully customizable: trigger on page load or scroll (with 6 scroll-trigger positions), optional replay, adjustable duration, line stagger timing, and bleed intensity. Great for editorial headlines, poetic intros, or any moment that deserves a slow, tactile reveal instead of a generic fade-in."}]}]},"introduction":"Text that reveals like ink","slug":"ink-bleed-text","author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a0b4fb-4e1d-71ae-aa62-29c58386b7b0.png","metadata":{"tint":{"h":0,"s":0,"l":14},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-09-18T14:46:14.942Z","updatedAt":"2026-09-18T14:50:39.031Z","publishedAt":"2026-09-18T14:46:14.932Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://ink-bleed.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/1AQdhGUC-ink-bleed-text-reveal","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"rZDGtuX4ynp5hlzldyDz","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-18T14:46:15.572Z","updatedAt":"2026-09-18T14:46:15.572Z"},{"id":"01a0aea1-98ae-712a-91f5-2ca1b755d259","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[],"resources":[{"id":"a1cU5edljUc10ET9cFHq","resolved":true,"title":"Range Calendar Pro","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A polished, fully customizable date-range picker for Framer — perfect for bookings, reservations, rentals, event registrations, or any project needing a \"check-in / check-out\" style date selector."}]},{"type":"paragraph","content":[{"type":"text","text":"Key features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean popover calendar with smooth open/close animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Select a start and end date with visual range highlighting"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Show 1, 2, or 3 months at once, or auto-adjust based on space"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in month & year dropdowns for jumping to far-off dates in one click"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Block off unavailable dates (already-booked days) — visible with a strikethrough but not selectable"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set minimum and maximum selectable dates"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose whether a range can skip over unavailable dates or must snap back automatically"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in validation with a custom error message, plus optional helper text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose the submitted date format (ISO, US, EU, or long-form)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Supports different locales and calendar labeling systems (Gregorian, Buddhist, Japanese, etc.)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use it standalone, or wire it to Framer Variables for full control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Every color, font, radius, and spacing detail is stylable — no code required"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive and touch-friendly"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Works seamlessly with Framer's native Forms","marks":[{"type":"bold"}]},{"type":"text","text":" — no custom code needed. Drop it in, name your fields, and it submits alongside the rest of your form data automatically."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're building a hotel booking site, car rental page, event signup, or appointment scheduler, this component gives you a beautiful, production-ready date-range field in seconds."}]},{"type":"customHeading","content":[{"type":"text","text":"So here's all you do:"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag the component inside your Framer Form","marks":[{"type":"bold"}]},{"type":"text","text":", just like any other field."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Name the fields","marks":[{"type":"bold"}]},{"type":"text","text":" — in the settings panel, set \"Start Field Name\" and \"End Field Name\" (e.g. "},{"type":"text","text":"check_in","marks":[{"type":"code"}]},{"type":"text","text":" and "},{"type":"text","text":"check_out","marks":[{"type":"code"}]},{"type":"text","text":")."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Done.","marks":[{"type":"bold"}]},{"type":"text","text":" When someone picks their dates and hits Submit, both dates travel with the rest of the form data."}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Sleek date-range picker for forms","slug":"range-calendar-pro","author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a0ae9e-fb82-7500-bffe-a6da1d658483.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-09-17T09:10:19.160Z","updatedAt":"2026-09-17T09:10:19.160Z","publishedAt":"2026-09-17T09:10:19.144Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://rangecalendarpro.framer.website/","price":"15","paymentUrl":"https://contra.com/payment-link/GeExBIeT-range-calendar-pro","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"2agZ874BZIKdF0NrpMUY","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-09-17T09:10:21.102Z","updatedAt":"2026-09-17T09:10:21.102Z"},{"id":"01a0abb7-dfa5-70fd-9aaa-e1863203e643","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[],"resources":[{"id":"NgtAIZAlte6LiIMYAcpI","resolved":true,"title":"Date Input Field","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most date pickers force a calendar popup — clunky on mobile, hard to style, overkill for simple fields like date of birth or checkout. Date Input Field does it differently: three independent, typed segments — Month, Day, Year — that feel like a native app input."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for real forms","marks":[{"type":"bold"}]},{"type":"text","text":" Plugs into Framer's Native Form — no extra setup. Set a Field Name and it posts a clean value to your inbox, like a built-in field."}]},{"type":"paragraph","content":[{"type":"text","text":"Real calendar math","marks":[{"type":"bold"}]},{"type":"text","text":" Every date accepted actually exists. Leap years calculate correctly, and impossible dates like February 30th can't be typed — the day segment clamps live as you type."}]},{"type":"paragraph","content":[{"type":"text","text":"Keyboard-first","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Type a digit, field auto-advances"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Arrow keys move between segments"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Backspace on empty segment jumps back"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click a segment to auto-select"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Min/Max dates that constrain input","marks":[{"type":"bold"}]},{"type":"text","text":" Set a min and max date, and the component restricts what's typeable live — not just on submit. Great for bookings that can't be past-dated, or 18+ registrations. Allow Past / Allow Future toggles handle \"today\" automatically."}]},{"type":"paragraph","content":[{"type":"text","text":"Three formats, one source of truth","marks":[{"type":"bold"}]},{"type":"text","text":" MM/DD/YYYY, DD/MM/YYYY, or YYYY-MM-DD. Internally stored as clean ISO, so your data stays consistent."}]},{"type":"paragraph","content":[{"type":"text","text":"States that make sense","marks":[{"type":"bold"}]},{"type":"text","text":" Default, Focus, Error, Success — independently colorable, plus Disabled and Read Only. Validation fires only after the user leaves the field, never mid-typing."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully styleable, zero code","marks":[{"type":"bold"}]},{"type":"text","text":" Font, colors, border, radius, padding — all property controls. Match your design system in seconds."}]},{"type":"paragraph","content":[{"type":"text","text":"What you get:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Independent Month/Day/Year segments"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Leap-year and month-length validation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Min/Max range enforcement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Allow Past / Allow Future toggles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 date formats, leading-zero toggle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Required, Disabled, Read Only states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accessible error messaging"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full Native Form compatibility, fully responsive"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"If your form needs a date, this gets a clean, validated field in under a minute — no calendar widget required."}]}]},"introduction":"No calendar. Just type the date","slug":"date-input-field","author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a0abb7-72d6-77ff-bbcb-33ab2217f17b.png","metadata":{"tint":{"h":255,"s":31,"l":30},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-09-16T19:35:48.825Z","updatedAt":"2026-09-16T19:35:48.825Z","publishedAt":"2026-09-16T19:35:48.823Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dateinput.framer.website/","price":"12","paymentUrl":"https://contra.com/payment-link/stJPMsxq-date-input-field","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"jxggRXn6im4bUiBsq6tT","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-09-16T19:35:49.413Z","updatedAt":"2026-09-16T19:35:49.413Z"},{"id":"019f70ad-e876-7131-9165-ad1643fbc25d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[],"resources":[{"id":"UjgNvfxpZuFKU8xHJPLH","resolved":true,"title":"File Upload Box","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"File Upload Box","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A drag-and-drop / click-to-browse file upload field that drops straight into Framer's native Form component. Visitors can browse or drag a file in, watch it upload with a live progress bar, and the resulting file URL is automatically written into a hidden field so it's included with the rest of your form submission — no extra setup needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Where your files go","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"You choose the upload destination in the property panel:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Uploadcare (recommended for real projects)","marks":[{"type":"bold"}]},{"type":"text","text":" — Files are uploaded directly to your own Uploadcare account using your "},{"type":"text","text":"Public API Key","marks":[{"type":"bold"}]},{"type":"text","text":". Every file that comes through the form will show up in your "},{"type":"text","text":"Uploadcare dashboard","marks":[{"type":"bold"}]},{"type":"text","text":", where you can view, manage, download, or delete them at any time."}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"To set this up, grab your Public Key from your Uploadcare project and paste it into the "},{"type":"text","text":"Upload → Public Key","marks":[{"type":"bold"}]},{"type":"text","text":" field in the property panel. If your account was created after September 4, 2025, also add your "},{"type":"text","text":"CDN Subdomain","marks":[{"type":"bold"}]},{"type":"text","text":" (found under Project Settings → Delivery) so file links resolve correctly."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"tmpfiles.org","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://tmpfiles.org","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" (public demo host)","marks":[{"type":"bold"}]},{"type":"text","text":" — A quick way to test the component without setting up an account. Files are sent to the free public service "},{"type":"text","text":"tmpfiles.org","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://tmpfiles.org","target":"_blank"}}]},{"type":"text","text":" and are "},{"type":"text","text":"automatically deleted after about 1 hour","marks":[{"type":"bold"}]},{"type":"text","text":". This is meant for prototyping only — don't use it for real visitor submissions or sensitive files, since nothing is stored permanently and anyone with the link can access the file during that hour."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Other features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional required-field validation tied into Framer's form submit"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple file support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"File type and max size restrictions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable colors, border style, fonts, and icons to match your design"}]}]}]}]},"introduction":"Drag & drop uploads for Forms","slug":"file-upload-box","author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/019f70ad-b563-73fe-85f4-cb93ad72ceee.png","metadata":{"tint":{"h":30,"s":58,"l":51},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-07-17T15:24:32.948Z","updatedAt":"2026-07-18T15:03:37.498Z","publishedAt":"2026-07-17T15:24:32.940Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://framerfileuploader.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/cXcW90Oe-file-upload-box","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"7xyRCBEx1gYMebX3xtqc","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-17T15:24:33.270Z","updatedAt":"2026-07-17T15:24:33.270Z"},{"id":"019f663f-d823-776b-98e3-021a126c78cd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[],"resources":[{"id":"IyS5lnlaFuWVTkXcMV0B","resolved":true,"title":"Ring Image Carousel","body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A 3D image carousel for Framer where thumbnails orbit along a true elliptical path, viewed from an elevated, tilted camera angle so it reads as a rotating gallery in space. The ring auto-rotates slowly and tilts gently as you move your mouse across it. Every thumbnail stays billboarded — always facing you, never skewed — even while swinging around the ellipse."}]},{"type":"paragraph","content":[{"type":"text","text":"Hovering any thumbnail clones it and flies the clone to the center of the stage while scaling it up, giving a smooth \"pop and enlarge\" preview without disturbing the ring itself, which keeps spinning underneath."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use it:","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag the component onto your canvas and resize it to fill your section."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open "},{"type":"text","text":"Images","marks":[{"type":"bold"}]},{"type":"text","text":" and add your photo list (defaults to 48 placeholders if left empty)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust "},{"type":"text","text":"Radius X / Radius Z","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Camera Tilt","marks":[{"type":"bold"}]},{"type":"text","text":" to shape the ellipse and viewing angle."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set "},{"type":"text","text":"Thumb Width/Height","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Rotation Speed","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Mouse Sensitivity","marks":[{"type":"bold"}]},{"type":"text","text":", and "},{"type":"text","text":"Hover Scale","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Match your site with "},{"type":"text","text":"Corner Radius","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Background","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Rotating gallery, zooms on hover","slug":"ring-image-carousel","author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/019f663e-b011-77ad-acf8-5c111dddfe6b.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-07-15T14:48:07.437Z","updatedAt":"2026-07-15T15:12:08.104Z","publishedAt":"2026-07-15T14:48:07.435Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3dimagering.framer.website/","price":"15","paymentUrl":"https://contra.com/payment-link/UjUTjUct-3-d-image-carousel","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"EtRCWbevUDqfKyxlpvsa","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-15T14:48:07.972Z","updatedAt":"2026-07-15T14:48:07.972Z"},{"id":"019f65ae-9354-71c9-8deb-f260f7671113","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8lMgBEJGGmkos3si5UeE","resolved":true,"title":"Glowing Magic Rings","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MagicRings is a WebGL-powered background effect that renders a set of glowing, pulsing rings expanding outward from the center, each fading in and out on a loop. It uses a custom GLSL shader (via Three.js) for smooth, GPU-accelerated animation with a two-color gradient across the rings, subtle noise/grain, and optional mouse-reactive movement."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use it:","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag the "},{"type":"text","text":"MagicRings","marks":[{"type":"bold"}]},{"type":"text","text":" layer onto your canvas and resize it to fill the area you want the effect in (a hero section, card background, etc.) — the layer needs a defined width and height to render."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"In the property panel, set "},{"type":"text","text":"Color","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Color Two","marks":[{"type":"bold"}]},{"type":"text","text":" to control the gradient across the rings."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust "},{"type":"text","text":"Ring Count","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Base Radius","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Radius Step","marks":[{"type":"bold"}]},{"type":"text","text":", and "},{"type":"text","text":"Ring Gap","marks":[{"type":"bold"}]},{"type":"text","text":" to change how many rings appear and how they're spaced."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use "},{"type":"text","text":"Speed","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Scale Rate","marks":[{"type":"bold"}]},{"type":"text","text":" to control how fast the rings expand and loop."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune "},{"type":"text","text":"Line Thickness","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Attenuation","marks":[{"type":"bold"}]},{"type":"text","text":", and "},{"type":"text","text":"Noise Amount","marks":[{"type":"bold"}]},{"type":"text","text":" to change the glow's sharpness and texture."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Toggle "},{"type":"text","text":"Follow Mouse","marks":[{"type":"bold"}]},{"type":"text","text":" to make the rings shift with cursor movement (adjust "},{"type":"text","text":"Mouse Influence","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Parallax","marks":[{"type":"bold"}]},{"type":"text","text":" for intensity), and set "},{"type":"text","text":"Hover Scale","marks":[{"type":"bold"}]},{"type":"text","text":" for a scale-up effect on hover."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable "},{"type":"text","text":"Click Burst","marks":[{"type":"bold"}]},{"type":"text","text":" to trigger a brief burst/scale pulse when the layer is clicked."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use "},{"type":"text","text":"Opacity","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Blur","marks":[{"type":"bold"}]},{"type":"text","text":", and "},{"type":"text","text":"Rotation","marks":[{"type":"bold"}]},{"type":"text","text":" as final styling touches, and layer it "},{"type":"text","text":"behind","marks":[{"type":"italic"}]},{"type":"text","text":" text or UI elements using Framer's layer order for a glowing backdrop effect."}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Glowing animated concentric rings","slug":"glowing-magic-rings","author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/019f65ad-6bb7-768d-9de7-f60a5859c7d3.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-07-15T12:09:26.800Z","updatedAt":"2026-07-15T12:58:48.079Z","publishedAt":"2026-07-15T12:09:26.785Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://magicrings.framer.ai/","price":"10","paymentUrl":"https://contra.com/payment-link/7T2Fg7L2-magic-rings","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"n9m6cwRbuuVGgG83mrBY","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-15T12:09:27.636Z","updatedAt":"2026-07-15T12:09:27.636Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5b"}]