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:Taaa,

Vintage OS: Retro Desktop Portfolio Template for Framer

Vintage OS is an interactive, retro desktop-style portfolio template for Framer. Visitors explore your work like an old computer: open windows, drag them around and play a game.

Desktop experience

Draggable windows that come to the front on click
Desktop shortcuts and a working taskbar
Active window states and a live clock
"Show desktop" button to close everything
Retro scrollbars and hover effects

Portfolio sections

About Me, Resume and Contact form
Selected Works with CMS category filters
Live project count per category
CMS detail page for every project

Four built-in retro games

Tic-Tac-Toe: play against the computer.
Minesweeper: three difficulty levels, flag mode and a best-time record.
Pong: classic paddle game with keyboard and touch controls.
Typing Test: time and word modes, WPM, accuracy and a results chart.
8-bit sound effects, which visitors can turn off.
Best scores saved in each visitor's browser.
Each game opens in its own window from a games launcher.
All games are responsive and work on touch screens.

Custom 404 page

A retro error window with a tilted sticky note
Shows the exact missing URL automatically
Buttons lead back to your work or the desktop

Fully responsive

Desktop, tablet and phone breakpoints
Touch-friendly on mobile
Fluid text sizes in rem

Design system

11 text styles in a clean type scale
Colour palette based on a 1933 Japanese colour dictionary
Typefaces: Instrument Serif, DM Sans and DM Mono
Colour and text styles ready to reuse
Proper HTML tags for accessibility and SEO

Easy to customise

Edit content and projects in the Framer CMS
Change colours and text styles in one place
Rename windows, shortcuts and taskbar items freely
Add or remove windows without touching the layout

Perfect for

Product and UI/UX designers
Front-end and creative developers
Illustrators, 3D artists and motion designers
Students and freelancers who want to stand out

53:T594,

Plumbing by Neil

Plumbing by Neil is a modern, professional Framer template built for plumbers, plumbing companies, and local home service businesses.

Designed to turn visitors into customers, the template gives you everything you need to present your services clearly, establish trust, and make it easy for potential customers to get in touch.

The clean, structured layout puts your business and services first, with dedicated sections for your plumbing services, company introduction, process, testimonials, FAQs, service areas, contact details, and strong calls to action.

Whether you run an independent plumbing business or a growing local plumbing company, Plumbing by Neil provides a polished foundation that can be customized to match your brand.

Features

• Professional plumbing-focused design • Fully responsive across desktop, tablet, and mobile • Clear service presentation • Lead-focused calls to action • Testimonials and trust-building sections • FAQ section • Service area section • Contact and inquiry sections • Clean, accessible layout • SEO-ready structure • Easy to customize in Framer • Fast and lightweight design

Built for businesses that want a professional online presence without unnecessary complexity.

Replace the content, colors, imagery, and branding with your own, and launch a polished plumbing website in Framer.

54:T66a,

Delicious, Premium Restaurant Framer Template

Delicious is a premium restaurant website template for Framer, designed for modern restaurants, fine dining establishments, cafés, bistros, chefs, and hospitality brands.

With a refined editorial aesthetic, bold typography, immersive imagery, generous spacing, and thoughtful interactions, Delicious helps restaurants create a memorable online presence that feels as considered as the dining experience itself.

Features

• Elegant restaurant homepage • Beautifully structured menu section • Chef profiles and team section • About the restaurant section • Multiple restaurant locations • Table reservation section • Instagram integration section • Privacy Policy and Terms of Service pages • Fully responsive across desktop, tablet, and mobile • Easy to customize in Framer • No coding required

Built for Modern Hospitality

Whether you're launching a fine dining restaurant, contemporary café, independent bistro, luxury dining concept, or chef-led hospitality brand, Delicious provides a flexible foundation for showcasing your food, people, story, and atmosphere.

Customize the typography, colors, imagery, content, and layouts directly in Framer to make the template your own. Replace the demo content with your restaurant's branding and publish a polished website without starting from scratch.

Delicious is designed to do more than display your menu. It creates a complete digital experience that introduces your restaurant, builds your brand, and guides visitors toward making a reservation.

55:T6e0,

Wedding Invitation Template

A beautiful, elegant wedding invitation website designed to make your special day feel even more memorable.

Wedding Invitation Template gives you everything you need to share your love story, wedding details, venue information, schedule, and FAQs with your guests, all in one beautifully crafted online invitation.

Features

Elegant Hero Section, make a beautiful first impression with your names, wedding date, and a captivating introduction.

Our Story, tell the story of how you met and celebrate the journey that brought you together.

Wedding Schedule, clearly present your ceremony, reception, and other important events.

Venue and Location, give your guests all the essential location details for your special day.

FAQ Section, answer common questions about dress code, accommodation, parking, plus ones, and more.

Beautiful Gallery, showcase your favorite moments together through carefully placed imagery.

Fully Responsive, your wedding website looks beautiful across desktop, tablet, and mobile devices.

Easy to Customize, built in Framer, so you can easily update text, images, colors, fonts, and other content without writing code.

Perfect For

Whether you are planning an intimate ceremony, a luxury celebration, or a destination wedding, this template gives you a polished foundation for creating a wedding website that feels personal and unforgettable.

Your story, your day, your invitation.

Create a wedding website your guests will love to visit.

56:T6b2,

It is a premium Framer template designed specifically for car wash, auto detailing, ceramic coating, paint protection, and vehicle care businesses. Its clean, conversion-focused design helps you showcase your services, build trust, and turn visitors into customers.

Instead of relying on flashy animations, CarWash uses subtle motion to create a professional experience that keeps the focus on your business. This makes it ideal for service-based brands where credibility and clarity matter most.

Features

• Premium hero section • Service showcase • Step-by-step process section • Customer testimonials • Appointment booking form • FAQ section • Conversion-focused CTA sections • Fully responsive design • Easy customization with Framer • No coding required

Built for SEO & Accessibility

Developed using modern web standards, CarWash achieves:

100/100 Accessibility
100/100 Best Practices
100/100 SEO

The template includes semantic structure, optimized heading hierarchy, responsive layouts, and clean code to help improve search visibility and user experience.

Perfect For

Car Wash Businesses
Auto Detailing Studios
Ceramic Coating Services
Paint Protection Film (PPF)
Mobile Car Wash Services
Auto Spa Businesses
Vehicle Care Brands

Whether you're launching a new detailing business or refreshing an existing website, CarWash provides everything needed to create a professional online presence and generate more bookings.

57:T46b,

Calorie Burn Estimator

It is a production-ready Framer component that gives users a real-time estimate of their energy expenditure using standardized MET (Metabolic Equivalent of Task) values. Built for fitness apps, health dashboards, and wellness landing pages.

Users can dial in their body weight, session duration, and activity type, choosing from Walking, Running, Cycling, Swimming, Gym, or a fully custom MET value. Results update instantly with a smooth spring animation, and a motivational message and achievement badge appear based on the calorie threshold reached.

The component also includes a food equivalent card that rotates through configurable food items to put the burn in relatable terms, and a weekly goal progress bar that tracks how the current session contributes toward a target.

Everything is customizable from the Framer property panel, accent color, background, typography, border radius, padding, box shadow, animation style, and the food items list. An onCalculate event handler is also available for wiring results into other components or interactions on the canvas.

58:Tcba,

This component replaces reCAPTCHA and hCaptcha with a self-contained behavioral analysis engine. When a user interacts with the widget, it captures up to 300 pointer telemetry samples recording position, velocity, angular direction, and acceleration then runs them through a Naive Bayes classifier trained on human vs. bot movement profiles. The result is a probability score. If it crosses the configurable threshold, the user passes silently. No image grids. No audio challenges. No third-party network requests.

Features:

Advanced behavioral analysis using entropy, acceleration, and variance
Probabilistic scoring system for human interaction patterns
Hidden field protection against automated submissions
Browser environment consistency checks
Adaptive sensitivity based on interaction quality
Attempt limiting with cooldown handling
Lightweight computational challenge for verification
Secure form submission control
Cryptographic challenge using SHA-256–based computation
Dynamic difficulty adjustment based on interaction confidence
Background processing using Web Workers for smooth performance
Per-session randomized interaction models
Dynamic feature weighting to prevent pattern predictability
Motion depth analysis.
Direction change and interaction flow tracking
Micro-pause detection in user input
Velocity variation and irregular movement detection
Interaction timing distribution analysis
Initial interaction delay measurement
Tab activity and visibility awareness
Window focus and activity tracking
Scroll interaction pattern recognition
Repeated interaction pattern detection
Synthetic interaction signal detection
Linear motion pattern filtering
Environment inspection awareness
Rendering and display consistency checks
Advanced device capability analysis
Audio and graphics context consistency checks
Hardware capability validation
Secure token generation based on interaction data
Short-lived verification tokens with automatic expiration
Token reset on inactivity or context change
In-memory tracking to prevent reuse
Multi-step verification pipeline for reliability
Early filtering of low-quality interactions
Controlled form submission flow enforcement
Prevention of unintended or automated submissions
Runtime integrity validation of core logic
Encapsulated logic to reduce external interference
Adaptive verification flow based on real-time signals
Full-area interaction support (click anywhere to verify)
Visual feedback indicator for verification state
Mobile-friendly unified input handling
Performance-optimized data processing

59:Taa0,

EV Saving Calculator

Key Features:

Dynamic Cost Comparison: Users can easily adjust their current monthly gas spend, vehicle MPG, and local electricity rates to instantly see their projected annual savings.
Environmental Impact Metrics: Goes beyond just money by calculating the user's annual CO₂ reduction. It translates these tons of carbon into relatable metrics, like the equivalent number of trees planted or homes powered.
Advanced Settings: Includes a collapsible "Advanced" panel for power users to tweak their annual driving distance and specific EV efficiency (mi/kWh) for hyper-accurate estimates.
Fluid Animations: Features live-updating AnimatedNumber components and animated comparison bars that respond smoothly to slider inputs without jarring number snapping.
Production-Safe: Engineered with unique React IDs to prevent DOM collisions, scoped CSS to protect your site's global styles, and comprehensive accessibility (aria-labels, aria-live regions) built right in.

Endless Customization: Framer Property Controls give you complete design freedom without writing a single line of code. Customize:

Brand Colors: Adjust the background, card, slider, positive (savings), and negative (gas cost) colors to perfectly match your site's theme.
Typography & Styling: Full control over fonts, border radius, padding, and box shadows.
Default Values: Set the baseline currency, gas spend, MPG, and electricity rates to suit your specific target market or region.
Module Toggles: Choose to hide or show specific elements like the Impact Score, CO₂ Emissions, or Eco-Equivalents based on your layout needs.

Here are the property controls you can use for this component:

Perfect For:

Automotive dealerships and EV manufacturer landing pages.
Green energy providers and solar installation companies.
Sustainability blogs and eco-conscious lifestyle brands.
Personal portfolio projects showcasing interactive UI design.

5a:Tdfb,

Spatial Audio Button

The Spatial Audio Button is a high-performance interactive component designed for designers who want to add an extra layer of sensory depth to their Framer projects. Unlike standard buttons that play a static audio file, this component utilizes a Stereo Panner and Biquad Filter to modulate audio in real-time.

When a user clicks the button, the component calculates the relative position of the cursor:

Horizontal Position: Maps to stereo panning (Left/Right).
Vertical Position: Controls a Low-pass filter, making clicks near the bottom sound "muffled" and clicks near the top sound "crisp."
Proximity: Subtly adjusts volume based on the distance from the center.

Key Features:

Dynamic Spatial FX: Real-time audio manipulation based on click coordinates.
Full Customization: Control typography, background colors, border radius, and padding directly in the Framer canvas.
Custom Audio Support: Upload your own MP3, WAV, or OGG files to match your brand's sonic identity.
Motion Integrated: Built with Framer Motion for smooth scale-down "tap" animations.
Accessibility Minded: Includes Aria-label support and full keyboard navigation (Enter/Space triggers).

Use Cases

1. High-End Portfolios & Creative Studios

For designers or agencies looking to make a lasting first impression, the Spatial Audio Button adds a layer of "digital polish." Use it for the primary "View Project" or "Contact" buttons. The subtle 3D sound feedback signals to the visitor that every detail of the site—down to the audio physics—has been meticulously crafted.

2. Immersive Gaming & Meta-Web Experiences

If you are building a site for a video game, a VR project, or a "metaverse" landing page, standard UI feels flat. By using this button for "Enter Experience" or "Start Game," you prepare the user for a multi-sensory environment. The spatial panning mimics the way sound works in a 3D engine, bridging the gap between a 2D website and a 3D world.

3. Experimental E-Commerce

Break the "Add to Cart" monotony. For luxury brands or tech-heavy products (like headphones or synthesizers), use the spatial button for "Buy Now" or "Pre-Order." The tactile, "clickable" sound provides a satisfying psychological "thud" or "click" that makes the digital purchase feel more physical and rewarding.

4. Interactive Soundboards & Musical Kits

Because the button maps vertical and horizontal position to frequency and panning, you can stack several of these with different audio samples (like a drum kit or synth notes). This allows users to "play" the UI, turning a simple navigation menu into a miniature musical instrument that responds to exactly where they touch the screen.

5. Accessibility-Focused Feedback

While primarily a stylistic choice, the spatial audio provides redundant feedback. For users with low vision who rely on audio cues, the change in pitch and panning provides spatial orientation, confirming not just that they clicked, but where on the element the interaction occurred.

5b:Ted0,

About Data Visualise Pro

Data Visualise Pro transforms any CSV or Excel file into a polished, interactive data dashboard with zero configuration required. Simply connect a data file from the properties panel and your records are immediately searchable, sortable, and filterable in both a clean table view and a responsive card grid.

Features:

Universal File Support (CSV and XLSX)
Automatic Column Detection
Live Search Across All Columns
Smart Sorting
Category Filter Pills: When you specify a category column, the component extracts every unique value from that column and renders them as a scrollable row of pill buttons. Selecting any pill instantly filters the entire dataset, including the metric summary cards, so the stats always reflect the current view rather than the full dataset.
Metric Summary Cards: Designating a numeric value column unlocks four automatic summary cards displayed above the data: total record count, sum, average, and maximum. These cards recalculate in real time as the user applies searches and category filters, making them genuinely useful for exploratory analysis rather than just decorative.
Table and Grid Views: The toolbar toggle switches between a dense, scrollable table view ideal for comparing many columns at once, and a responsive card grid that surfaces the title, category badge, value, and date fields in a more scannable layout. Both views share the same filtered and sorted data state, so switching between them never resets your context.
Pagination for Large Datasets
One-Click CSV Export
Full Dark Mode
Granular Theming Controls
Branded Toolbar
Smooth State Transitions

How to Map Your Data to the Dashboard

To make the dashboard display and filter your data correctly, you need to tell it exactly which columns from your spreadsheet to look at. Here is how to set it up:

1. Open your Spreadsheet Look at the very first row of your CSV or Excel file. These are your column headers (e.g., "Product Name", "Revenue", "Department", "Launch Date").

2. Copy the Exact Column Names In the Framer properties panel, you will see fields for Title Column, Value Column, Category Column, and Date Column. You need to type the exact name of your spreadsheet headers into these boxes.

⚠️ Important: The spelling, capitalization, and spacing must match exactly. If your spreadsheet says "Revenue (USD) ", you must include the spaces and parentheses in Framer.

3. What Each Field Does:

Category Column (For Filtering): This is the most important one for sorting your data. Whatever column name you type here (like "Department" or "Status"), the dashboard will automatically generate clickable filter buttons at the top of the grid for every unique category it finds.
Value Column (For Math & Sorting): Enter the name of a column that contains numbers (like "Sales" or "Cost"). The dashboard will use this to calculate the Total, Average, and Max numbers on the top Metric Cards, and use it as the default sorting option.
Title Column: Enter the name of your main item (like "Employee Name" or "Project Title"). This becomes the bold header for each card in the Grid View.
Date Column: Enter the name of your date column. This will display a clean date readout at the bottom of the Grid View cards.

5c:T10de,

Solar Savings Calculator

(Only the component will be delivered, not the source code)

The Solar Savings Calculator is a fully interactive Framer component that gives every visitor a personalised estimate in real time. No forms, no waiting, no back-and-forth with a sales team. Just three inputs and an instant picture of what solar could mean for their home, both financially and environmentally.

For solar installers, energy consultants, and green tech brands, this is the tool that turns a browsing visitor into a motivated lead.

Things you can control:

How it works

Visitors adjust three inputs: their average monthly electricity bill, their estimated roof size, and their location's sun exposure. The calculator does the rest, sizing the system to their actual energy needs, capping it at what the roof can physically support, and computing real costs, savings, and payback time on the fly. Every result updates instantly as the sliders move, with smooth spring animations that make the numbers feel alive rather than static.

An optional battery storage toggle lets visitors explore how adding home storage affects both their upfront cost and long-term savings through time-of-use peak avoidance.

What visitors see

Annual savings, a prominently displayed dollar figure showing estimated yearly savings based on their specific bill, roof, and location. The number animates smoothly as inputs change, making the impact of each adjustment immediately tangible.

ROI break-even, a payback period in years, backed by a visual progress bar that maps the timeline against a 25-year panel lifespan. Visitors can see at a glance whether they're looking at a 7-year return or a 12-year one.

Environmental impact, annual CO₂ offset in tons alongside a trees-planted equivalent. For many visitors, this is the emotional closer, the number that makes the decision feel bigger than a bill.

A clear call to action, a fully customisable button with a link you control, positioned directly beneath the results where intent is highest.

Built for conversion

The layout is intentionally structured so the results column carries the visual weight. Cards animate in on scroll, lift on hover, and use colour and hierarchy to direct the eye toward the savings figure first. The CTA sits at the natural end of the decision journey, not buried in a footer.

Everything is editable from Framer's property panel, brand colours, fonts, button copy, button radius, and the destination URL, so the component fits any site without touching code.

Key Features

Real-time calculation, all results update live as sliders move, with no submit button and no page reload.

Physically constrained maths, the system size is capped by the actual roof capacity, so the numbers stay honest and credible even at extreme input values.

Battery storage toggle models the cost and savings impact of adding home battery storage, including a time-of-use peak avoidance uplift.

Animated results, spring-interpolated number counters, and entrance animations make results feel dynamic without being distracting.

Environmental impact panel, CO₂ tons, and trees-planted equivalents add an emotional dimension that purely financial calculators miss.

Fully branded, primary colour, accent colour, background, text colour, heading font, body font, button radius, CTA text, and CTA URL are all property panel controls.

No dependencies to manage, self-contained with no external API calls, no backend, and no data sent anywhere. Works entirely in the browser.

Ideal for

Solar installation company websites
Energy consultancy landing pages
Green tech and clean energy product pages
Environmental brand microsites
Any page where the goal is to move a visitor from interest to inquiry

5d:T1230,

Make every word feel like a scene.

Cinematic Text is a premium Framer component that transforms static headlines into a living, breathing piece of visual storytelling. Inspired by the moody atmosphere of noir film titles and vintage cathode-ray displays, it animates every character individually — emerging from haze, snapping into clarity, and flickering with the restless energy of a broken neon sign.

No code required. Every effect is fully controllable from Framer's property panel.

What it does

Each character reveals itself with a cinematic blur-to-focus transition, staggered organically so no two letters move in sync. Once on screen, characters pulse with a subtle flicker, drift with film-gate jitter, and carry a multi-layered glow that makes text feel lit from within. On entry, a chromatic aberration effect splits each character into red and cyan channels before snapping into register — the same visual language used in high-end motion graphics and title sequences.

Key Features

Character-level animation — every letter is independently animated with randomised timing so the reveal feels organic, never mechanical.

Atmospheric glow — multi-layer text-shadow builds a deep, luminous halo around your text. Glow colour, intensity, and shadow depth are all adjustable.

Film flicker — a procedurally generated opacity pattern mimics the irregular pulse of a neon tube or ageing projector bulb. Intensity and speed are separate controls.

Chromatic aberration — an RGB channel split effect plays out on reveal before resolving to clean type. Dial it up for a cyberpunk edge or keep it subtle for a cinematic polish.

Burn-in spring — an optional spring overshoot on the scale transition gives each character a punchy, physical snap as it lands.

Film jitter — a looping micro-movement on each character simulates the mechanical instability of a film gate, adding texture to static moments.

Scanline overlay — a fine horizontal line pattern adds CRT depth to the entire component without affecting legibility.

Three trigger modes — animate on load, on scroll into view, or on hover for interactive reveals.

Native Framer font picker — select any local or Google font directly from Framer's font panel, with full control over weight and style.

Blend mode support — compositing options including Screen, Overlay, Color Dodge, and more for layering over image or video backgrounds.

Ideal for

Hero headlines and landing page titles
Portfolio and agency websites
Event, film, or product launch pages
Dark-mode interfaces and immersive experiences
Any project where the typography needs to do as much work as the visuals

Customisable Properties

Everything is controlled directly from Framer's property panel with no code required.

Content and typography — write multi-line text directly in the panel, pick any font through Framer's native font picker with full control over weight and style, and fine-tune letter spacing and line height to match your layout.

Colour and alignment — set the text colour independently from the glow, choose left, centre, or right alignment, and select a blend mode — including Screen, Overlay, and Color Dodge — for layering over image or video backgrounds.

Glow and depth — control the colour and intensity of the multi-layer light halo, and adjust shadow depth to build as much or as little dimensionality as the design calls for. Toggle the scanline overlay on or off for a CRT texture.

Reveal and timing — set how fast characters appear with the Reveal Speed slider, add a Phase Delay to hold the animation until the right moment, and toggle the Burn-In Spring for a physical snap as each character lands.

Ongoing animation — tune the Flicker intensity and speed independently so the pulse feels erratic or steady. Set Film Jitter strength to add a subtle mechanical tremor between zero and a full restless shake. Adjust Chromatic Split to control how strongly the RGB channel separation plays out on entry.

Trigger mode — choose Auto to animate on load, Scroll to fire when the component enters the viewport, or Hover for an interactive reveal on cursor contact.

5e:T6c2,

(The Source Code will not be given, only the component is the deliverable)

DataStudio Pro transforms your raw data files into a fully interactive analytics dashboard, right inside your Framer project. Drop in a CSV or Excel file, and the component automatically detects your columns, classifies them as dimensions or metrics, and puts a complete charting interface at your fingertips, no external APIs, no databases, no code.

Flexible Visualization: Switch between Bar, Line, Area, and Pie charts on the fly. Choose your X-axis dimension and Y-axis metric from auto-detected columns, then apply Sum, Average, Count, Min, or Max aggregation to explore the data from any angle.

Smart Data Controls: Sort results ascending, descending, or alphabetically. Filter down to the Top 10, Top 20, or show everything. The aggregation engine is fully memoized, so even large datasets stay snappy.

Responsive by Design: The layout adapts automatically between a desktop sidebar and a mobile slide-out drawer, detected via a ResizeObserver, no breakpoints to configure.

Themeable and On-Brand: Control primary color, panel color, background, text color, corner radius, font family, and a dedicated dark mode toggle, all from the Framer properties panel.

Export Ready: A one-click PNG export (powered by html2canvas at 2× resolution) lets users save any chart view directly from the published site.

Supported File Types: .csv, .xlsx.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-71ba0696-4ed2-449a-8bb9-e5e0400e8aee-all:/unified/creator/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/activity/":[{"data":[{"id":"01a0fd41-1e23-7441-9015-a7b1832e827d","type":"site.created","target":{"type":"site","id":"17788","preview":"One PR","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0fd38-5c8f-7381-b827-bcd692fa808c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-02T15:34:58.339Z","latestAt":"2026-10-02T15:34:58.339Z"},{"id":"01a0fd0f-174c-72cb-9066-440687d8c5ff","type":"site.created","target":{"type":"site","id":"17758","preview":"Moth and Flame","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0fd0a-1b4d-7418-8cf3-2e8f9875eb2a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-02T14:40:19.788Z","latestAt":"2026-10-02T14:40:19.788Z"},{"id":"01a0f07a-3a43-741d-884d-2e9c42836b25","type":"template.created","target":{"type":"template","id":"74304","preview":"Vintage OS","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0f078-e42a-711e-a263-8030dfe66a64.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-30T04:02:17.283Z","latestAt":"2026-09-30T04:02:17.283Z"},{"id":"01a0b045-d762-769c-b2d7-6e929bfe84e7","type":"template.created","target":{"type":"template","id":"73312","preview":"Plumbing by Neil","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b02a-a456-737a-83bf-4168254b1be7.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-17T16:49:22.274Z","latestAt":"2026-09-17T16:49:22.274Z"},{"id":"01a08175-4f04-775b-b431-a847b280e76b","type":"template.created","target":{"type":"template","id":"72667","preview":"Delicious","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b062-7535-7529-91ac-813547a92052.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-08T14:39:03.940Z","latestAt":"2026-09-08T14:39:03.940Z"},{"id":"01a05960-c14a-72ef-9769-bddc5c4185e8","type":"post.liked","target":{"type":"post","id":"01a05836-9d33-7369-8e34-b851fcdb3a73","preview":"Who's Winning on Framer 📅 2026-08-31\n👑 Majd by @Mejed Alkoutaini holds #1 for 15 days straight\n🚀 Top climbers:\nThe day's biggest move: Aldena, up 373 spots.\n• Aldena by @Lunis Design climbed 373 spots to #46\n• Kiddo by @Framebite climbed 2457 spots to #202\n• Comolio by @Abhilash Mahanta climbed 931 spots to #188\n🏷️ Now cheaper:\n8 templates just went free today.\n• Marriage Invitation by @Sajjadul Kibria (now free)\n• KNOT™ Studio by @Roman Salakhov ($99 → $49)\n🚪 Top-100 doors:\nNew in the top 100: Aldena, straight in at #46.\n• Aldena by @Lunis Design enters at #46\n• Span™ by @David Bagdasaryan enters at #88\n• Neiden by @Førde enters at #97\n🆕 New today:\n• Kiddo via @Framebite \n• ADRIA VALE via @Pixcut Studio LLC \n• LÉORA Floral Studio via @Klub Haus \nSee the full scoreboard \nTemplate of the day ↓","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Who's Winning on Framer "},{"type":"emoji","attrs":{"name":"date","emoji":"📅"}},{"type":"text","text":" 2026-08-31"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"crown","emoji":"👑"}},{"type":"text","text":" "},{"type":"text","text":"Majd","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/majd?via=elliot-li","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"ef5943a8-d53e-4183-a0cc-922c3f7e78dd","slug":"mejed-alkoutaini","label":"Mejed Alkoutaini","mentionSuggestionChar":"@"}},{"type":"text","text":" holds #1 for 15 days straight"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Top climbers:"}]},{"type":"paragraph","content":[{"type":"text","text":"The day's biggest move: Aldena, up 373 spots."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Aldena","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/aldena?via=elliot-li","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"2a2c2a43-045d-4da6-bf1a-ca4b52f39be1","slug":"lunis-design","label":"Lunis Design","mentionSuggestionChar":"@"}},{"type":"text","text":" climbed 373 spots to #46"}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Kiddo","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/kiddo?via=elliot-li","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"b764a613-a73c-4e1c-bee9-33b53ec67ce6","slug":"framebite","label":"Framebite","mentionSuggestionChar":"@"}},{"type":"text","text":" climbed 2457 spots to #202"}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Comolio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/comolio?via=elliot-li","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"00697ebb-ecb8-4759-b07b-101beea6c71a","slug":"abhilashh","label":"Abhilash Mahanta","mentionSuggestionChar":"@"}},{"type":"text","text":" climbed 931 spots to #188"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"label","emoji":"🏷"}},{"type":"text","text":"️ Now cheaper:"}]},{"type":"paragraph","content":[{"type":"text","text":"8 templates just went free today."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Marriage Invitation","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/marriage-invitation?via=elliot-li","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","slug":"neil-sajjad","label":"Sajjadul Kibria","mentionSuggestionChar":"@"}},{"type":"text","text":" (now free)"}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"KNOT","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/knot-studio?via=elliot-li","target":"_blank"}}]},{"type":"emoji","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/knot-studio?via=elliot-li","target":"_blank"}}],"attrs":{"name":"tm","emoji":"™"}},{"type":"text","text":" Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/knot-studio?via=elliot-li","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"a5357860-236a-4ec4-86e7-91e62f6fffda","slug":"salakhov","label":"Roman Salakhov","mentionSuggestionChar":"@"}},{"type":"text","text":" ($99 → $49)"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"door","emoji":"🚪"}},{"type":"text","text":" Top-100 doors:"}]},{"type":"paragraph","content":[{"type":"text","text":"New in the top 100: Aldena, straight in at #46."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Aldena","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/aldena?via=elliot-li","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"2a2c2a43-045d-4da6-bf1a-ca4b52f39be1","slug":"lunis-design","label":"Lunis Design","mentionSuggestionChar":"@"}},{"type":"text","text":" enters at #46"}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Span","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/span?via=elliot-li","target":"_blank"}}]},{"type":"emoji","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/span?via=elliot-li","target":"_blank"}}],"attrs":{"name":"tm","emoji":"™"}},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"efdded77-3c71-4bb2-a61d-30ef6282cbf5","slug":"davidbagdasaryan","label":"David Bagdasaryan","mentionSuggestionChar":"@"}},{"type":"text","text":" enters at #88"}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Neiden","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/neiden?via=elliot-li","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"41a8b5fb-1df2-4e3b-9530-bb22de2ea48b","slug":"forde","label":"Førde","mentionSuggestionChar":"@"}},{"type":"text","text":" enters at #97"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"new","emoji":"🆕"}},{"type":"text","text":" New today:"}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Kiddo","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/kiddo?via=elliot-li","target":"_blank"}}]},{"type":"text","text":" via "},{"type":"mention","attrs":{"id":"b764a613-a73c-4e1c-bee9-33b53ec67ce6","slug":"framebite","label":"Framebite","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"ADRIA VALE","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/adria-vale?via=elliot-li","target":"_blank"}}]},{"type":"text","text":" via "},{"type":"mention","attrs":{"id":"fbbfbfc4-611c-4ee7-9558-90509c39dc73","slug":"pixcut-studio","label":"Pixcut Studio LLC","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"LÉORA Floral Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/l-ora-floral-studio?via=elliot-li","target":"_blank"}}]},{"type":"text","text":" via "},{"type":"mention","attrs":{"id":"7367fba4-f7a5-4813-9b00-06c675ee1dbf","slug":"klub-haus","label":"Klub Haus","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"See the full scoreboard","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://frank.elliotli.dev/scores/2026-08-31","target":"_blank"}}]},{"type":"text","text":" "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Template of the day ↓","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/templates/creatie?via=elliot-li","target":"_blank"}}]},{"type":"text","text":" "}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a05836-9d33-7369-8e34-b851fcdb3a73","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-31T19:51:48.294Z","latestAt":"2026-08-31T19:51:48.294Z"},{"id":"01a05267-34d4-77d4-a84c-352e0cb25f18","type":"template.created","target":{"type":"template","id":"72125","preview":"Marriage Invitation","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b056-b571-752a-ba79-c768c822278c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-30T11:21:30.580Z","latestAt":"2026-08-30T11:21:30.580Z"},{"id":"019ffcad-3657-76ba-810b-91b3c71d6d15","type":"template.liked","target":{"type":"template","id":"50829","preview":"Mike","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50829/mike-N1aGCo7WvERSskUb2pD996CkDEydv4","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-13T19:50:37.894Z","latestAt":"2026-08-13T19:50:37.894Z"},{"id":"019ff686-c26b-76dd-936e-0d19e02419af","type":"comment.created","target":{"type":"post","id":"0198aee3-c887-74b3-92fc-c799600aa981","preview":"Maelle","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c311fc9b-5855-4020-b9a2-8710155f6d86/019fcb7f-a0b0-760f-bc50-54fee7fe5d09.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"0198aee3-c887-74b3-92fc-c799600aa981","like":{"count":280,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ff686-c233-7562-a88b-d453c926329c","preview":"Awesome template. Loved the overall design. The work page is just what I am looking for. Great work!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Awesome template. Loved the overall design. The work page is just what I am looking for. Great work!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"0198aee3-c887-74b3-92fc-c799600aa981","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ff686-c233-7562-a88b-d453c926329c"},"repost":null}},"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-12T15:10:54.571Z","latestAt":"2026-08-12T15:10:54.571Z"},{"id":"019ff685-d2af-72b2-9f6a-8bf68b3137fb","type":"template.liked","target":{"type":"template","id":"54526","preview":"Maelle","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c311fc9b-5855-4020-b9a2-8710155f6d86/019fcb7f-a0b0-760f-bc50-54fee7fe5d09.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-12T15:09:53.188Z","latestAt":"2026-08-12T15:09:53.188Z"},{"id":"019fe757-7b17-759f-8e29-68e2bf8198be","type":"template.liked","target":{"type":"template","id":"50030","preview":"Viper","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5bc99235-3235-4f92-aff4-e2932ca7af74/01a03c97-b496-753a-9433-c29598956605.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-09T16:24:57.865Z","latestAt":"2026-08-09T16:24:57.865Z"},{"id":"019f30a8-27d8-71b9-8fd1-94b5db9366ac","type":"comment.liked","target":{"type":"comment","id":"019f2ee5-eb5a-7579-9a05-d4716a25515a","preview":"Dope idea","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Dope idea"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f2dea-68ed-76ce-9a2d-e85f6895a64a","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f2ee5-eb5a-7579-9a05-d4716a25515a"},"repost":null}},"context":{"type":"post","id":"019f2dea-68ed-76ce-9a2d-e85f6895a64a","preview":"'Notebook Journal Component' for Framer. Everything can be customised from the backend.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"'Notebook Journal Component' for Framer. Everything can be customised from the backend."}]}]},"thumbnail":"https://image.mux.com/E4xCUinSG6R8PMznJLo9S5a22fw01U4H6sNAD4wNa7ho/thumbnail.webp?time=6.167","targetDeleted":false,"owned":true,"actions":{"postId":"019f2dea-68ed-76ce-9a2d-e85f6895a64a","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-05T05:02:34.451Z","latestAt":"2026-07-05T05:02:34.451Z"},{"id":"019f2318-640b-727b-9bad-261b1a941d38","type":"comment.liked","target":{"type":"comment","id":"019f22e9-362d-77e7-b0d2-c5d8bda70f0a","preview":"Cool idea :D","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cool idea :D"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f22ca-4ba8-7374-84a2-a05c99c667d4","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f22e9-362d-77e7-b0d2-c5d8bda70f0a"},"repost":null}},"context":{"type":"post","id":"019f22ca-4ba8-7374-84a2-a05c99c667d4","preview":"Rock, Paper, Scissors Game Component made with Love in Framer!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Rock, Paper, Scissors Game Component made with Love in Framer!"}]}]},"thumbnail":"https://image.mux.com/L02kJ254ZAgZCssnNbFgtlv2ytXSwBObxrZC4I5yMBto/thumbnail.webp?time=6.033","targetDeleted":false,"owned":true,"actions":{"postId":"019f22ca-4ba8-7374-84a2-a05c99c667d4","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-02T13:50:28.871Z","latestAt":"2026-07-02T13:50:28.871Z"},{"id":"019f2318-1998-77b7-88ed-bd406b8ef870","type":"comment.reply","target":{"type":"post","id":"019f22ab-81f3-72ce-b127-bfb6c530c684","preview":"Breathe in and out exercise component made in Framer (Healthcare Sector).","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Breathe in and out exercise component made in Framer (Healthcare Sector)."}]}]},"thumbnail":"https://image.mux.com/jARjbLWZFl9NzW2ku4XXguuDqFvl9ruUGn22j5wvpO8/thumbnail.webp?time=25.033","targetDeleted":false,"owned":true,"actions":{"postId":"019f22ab-81f3-72ce-b127-bfb6c530c684","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f2318-1984-7152-8655-d791fa0e5394","preview":"Thanks!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f22ab-81f3-72ce-b127-bfb6c530c684","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f22ad-42b6-7008-9c2d-6329126f7379"},"repost":null}},"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-02T13:50:09.816Z","latestAt":"2026-07-02T13:50:09.816Z"},{"id":"019f2317-fdb1-734d-9f3a-2ab6a6644b51","type":"comment.reply","target":{"type":"post","id":"019f22ab-81f3-72ce-b127-bfb6c530c684","preview":"Breathe in and out exercise component made in Framer (Healthcare Sector).","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Breathe in and out exercise component made in Framer (Healthcare Sector)."}]}]},"thumbnail":"https://image.mux.com/jARjbLWZFl9NzW2ku4XXguuDqFvl9ruUGn22j5wvpO8/thumbnail.webp?time=25.033","targetDeleted":false,"owned":true,"actions":{"postId":"019f22ab-81f3-72ce-b127-bfb6c530c684","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f2317-fd91-75a0-9cd6-9e7a1b727b6d","preview":"Thanks!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f22ab-81f3-72ce-b127-bfb6c530c684","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f22eb-7fe5-741b-869e-1db2349b4ad2"},"repost":null}},"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-02T13:50:02.673Z","latestAt":"2026-07-02T13:50:02.673Z"},{"id":"019f2317-d285-70c9-ab72-ce4dbb042fd1","type":"comment.liked","target":{"type":"comment","id":"019f22eb-7fe5-741b-869e-1db2349b4ad2","preview":"Great idea!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Great idea!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f22ab-81f3-72ce-b127-bfb6c530c684","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f22eb-7fe5-741b-869e-1db2349b4ad2"},"repost":null}},"context":{"type":"post","id":"019f22ab-81f3-72ce-b127-bfb6c530c684","preview":"Breathe in and out exercise component made in Framer (Healthcare Sector).","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Breathe in and out exercise component made in Framer (Healthcare Sector)."}]}]},"thumbnail":"https://image.mux.com/jARjbLWZFl9NzW2ku4XXguuDqFvl9ruUGn22j5wvpO8/thumbnail.webp?time=25.033","targetDeleted":false,"owned":true,"actions":{"postId":"019f22ab-81f3-72ce-b127-bfb6c530c684","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-02T13:49:51.616Z","latestAt":"2026-07-02T13:49:51.616Z"},{"id":"019f22ad-81c8-7237-9649-413fe43bcb52","type":"comment.liked","target":{"type":"comment","id":"019f22ad-42b6-7008-9c2d-6329126f7379","preview":"Nice ux","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice ux "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f22ab-81f3-72ce-b127-bfb6c530c684","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f22ad-42b6-7008-9c2d-6329126f7379"},"repost":null}},"context":{"type":"post","id":"019f22ab-81f3-72ce-b127-bfb6c530c684","preview":"Breathe in and out exercise component made in Framer (Healthcare Sector).","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Breathe in and out exercise component made in Framer (Healthcare Sector)."}]}]},"thumbnail":"https://image.mux.com/jARjbLWZFl9NzW2ku4XXguuDqFvl9ruUGn22j5wvpO8/thumbnail.webp?time=25.033","targetDeleted":false,"owned":true,"actions":{"postId":"019f22ab-81f3-72ce-b127-bfb6c530c684","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-02T11:53:44.131Z","latestAt":"2026-07-02T11:53:44.131Z"},{"id":"019f2204-5c67-742b-8b36-498eaca7c355","type":"template.created","target":{"type":"template","id":"68751","preview":"Car Wash Template","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b050-083f-777c-bab8-136169d0e490.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","slug":"neil-sajjad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-02T08:48:58.983Z","latestAt":"2026-07-02T08:48:58.983Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:71ba0696-4ed2-449a-8bb9-e5e0400e8aee:/unified/posts/?creator=71ba0696-4ed2-449a-8bb9-e5e0400e8aee&with=reposts":[{"data":[{"id":"01a0fd41-1bce-7344-8618-76a62002b53d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"17788","resolved":true,"title":"One PR","body":"

It was a template customization project. The template is from @Velox Themes.

What I did:

Full template customization, including adding lots of custom design sections and pages.
Full on-page SEO
Full Technical SEO
Custom-coded Components used
Custom code override used.
Custom ticker design.
Semantic SEO structure ensured across all pages.
Light mode and dark mode animations on the homepage.
Full accessibility ensured for screen readers and search engines.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It was a template customization project. The template is from "},{"type":"mention","attrs":{"id":"44250b1c-8783-417c-8cb7-f8a796483397","slug":"velox-themes","label":"Velox Themes","mentionSuggestionChar":"@"}},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"What I did:"}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full template customization, including adding lots of custom design sections and pages."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full on-page SEO"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full Technical SEO"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom-coded Components used"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom code override used."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom ticker design."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Semantic SEO structure ensured across all pages."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light mode and dark mode animations on the homepage."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full accessibility ensured for screen readers and search engines."}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"","slug":"one-pr","author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0fd38-5c8f-7381-b827-bcd692fa808c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1440,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0fd18-16ce-71cc-bd42-dabb471e82bc.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1440,"height":1080}}],"post":null,"createdAt":"2026-10-02T15:34:57.137Z","updatedAt":"2026-10-02T15:34:57.137Z","publishedAt":"2026-10-02T15:34:57.133Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://one.as/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"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-02T15:34:57.742Z","updatedAt":"2026-10-02T15:34:57.742Z"},{"id":"01a0fd0f-14f3-76e8-9bce-5128b14cb07a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"17758","resolved":true,"title":"Moth and Flame","body":"

Moth+Flame is a VR-based integrated learning and assessment platform used across military services to deliver standardized, evidence-based training at scale.

Things I have done:

Full design to development in Framer.
Full on-page SEO inlcuding images.
Full Technical SEO.
Full Accessibility.
Loads within 500 miliseconds.
Semantic SEO structure.
Semantic SEO tags.
Custom-coded Components.
Custom-code overrides.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Moth+Flame is a VR-based integrated learning and assessment platform used across military services to deliver standardized, evidence-based training at scale."}]},{"type":"paragraph","content":[{"type":"text","text":"Things I have done:"}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full design to development in Framer."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full on-page SEO inlcuding images."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full Technical SEO."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full Accessibility."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Loads within 500 miliseconds."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Semantic SEO structure."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Semantic SEO tags."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom-coded Components."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom-code overrides."}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"","slug":"moth-and-flame","author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0fd0a-1b4d-7418-8cf3-2e8f9875eb2a.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1440,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0fd0b-35e0-7580-95ff-1a6d5e6a4da6.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1440,"height":1080}}],"post":null,"createdAt":"2026-10-02T14:40:18.539Z","updatedAt":"2026-10-02T14:40:18.539Z","publishedAt":"2026-10-02T14:40:18.534Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://mothandflamevr.com/","categories":[{"id":"0539c25a-136d-4f8b-a2e7-342a21b7d607","name":"AI","slug":"ai"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"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-02T14:40:19.187Z","updatedAt":"2026-10-02T14:40:19.187Z"},{"id":"01a0f07a-37bd-7268-8be5-88c8aef800ef","title":null,"body":"

Hello everyone. Check out my newest retro-themed portfolio template!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hello everyone. Check out my newest retro-themed portfolio template!"}]}]},"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"74304","resolved":true,"title":"Vintage OS","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Vintage OS: Retro Desktop Portfolio Template for Framer"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Vintage OS is an interactive, retro desktop-style portfolio template for Framer. Visitors explore your work like an old computer: open windows, drag them around and play a game."}]},{"type":"customHeading","content":[{"type":"text","text":"Desktop experience"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Draggable windows that come to the front on click"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" Desktop shortcuts and a working taskbar"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Active window states and a live clock"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"\"Show desktop\" button to close everything"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Retro scrollbars and hover effects"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Portfolio sections"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About Me, Resume and Contact form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Selected Works with CMS category filters"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live project count per category"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS detail page for every project"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Four built-in retro games"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tic-Tac-Toe:","marks":[{"type":"bold"}]},{"type":"text","text":" play against the computer."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Minesweeper:","marks":[{"type":"bold"}]},{"type":"text","text":" three difficulty levels, flag mode and a best-time record."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pong:","marks":[{"type":"bold"}]},{"type":"text","text":" classic paddle game with keyboard and touch controls."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typing Test:","marks":[{"type":"bold"}]},{"type":"text","text":" time and word modes, WPM, accuracy and a results chart."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"8-bit sound effects, which visitors can turn off."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Best scores saved in each visitor's browser."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Each game opens in its own window from a games launcher."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"All games are responsive and work on touch screens."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Custom 404 page"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A retro error window with a tilted sticky note"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shows the exact missing URL automatically"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Buttons lead back to your work or the desktop"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Fully responsive"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop, tablet and phone breakpoints"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Touch-friendly on mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid text sizes in rem"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Design system"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"11 text styles in a clean type scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Colour palette based on a 1933 Japanese colour dictionary"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typefaces: Instrument Serif, DM Sans and DM Mono"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Colour and text styles ready to reuse"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Proper HTML tags for accessibility and SEO"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Easy to customise"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit content and projects in the Framer CMS"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Change colours and text styles in one place"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rename windows, shortcuts and taskbar items freely"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add or remove windows without touching the layout"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product and UI/UX designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Front-end and creative developers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Illustrators, 3D artists and motion designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Students and freelancers who want to stand out"}]}]}]}]},"introduction":"90s themed OS portfolio Template","slug":"vintage-os","author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0f078-e42a-711e-a263-8030dfe66a64.png","metadata":{"tint":{"h":180,"s":13,"l":13},"width":1440,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0f078-e427-712b-ab0d-9992d21598d1.png","metadata":{"tint":{"h":180,"s":13,"l":13},"width":1440,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0f078-e4e5-73da-8c61-003180bb1ec3.png","metadata":{"tint":{"h":180,"s":13,"l":13},"width":1440,"height":1080}}],"post":null,"createdAt":"2026-09-30T04:02:15.653Z","updatedAt":"2026-10-05T17:54:50.001Z","publishedAt":"2026-09-30T04:02:15.650Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/BFp4gpP","remixUrl":"https://framer.link/BFp4gpP","previewUrl":"https://portfolioboss.framer.website/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":201,"name":"Colorful","slug":"colorful"},{"id":222,"name":"Grid","slug":"grid"},{"id":251,"name":"Retro","slug":"retro"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":19,"name":"Localization","slug":"localization"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-30T04:02:16.637Z","updatedAt":"2026-09-30T04:02:16.637Z"},{"id":"01a0b045-d52c-754a-b193-769f412622ea","title":null,"body":"

Hello, Plumbing Businesses! Here is a high-converting website template for you!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hello, Plumbing Businesses! Here is a high-converting website template for you!"}]}]},"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"73312","resolved":true,"title":"Plumbing by Neil","body":"$53","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Plumbing by Neil"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Plumbing by Neil is a modern, professional Framer template built for plumbers, plumbing companies, and local home service businesses."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed to turn visitors into customers, the template gives you everything you need to present your services clearly, establish trust, and make it easy for potential customers to get in touch."}]},{"type":"paragraph","content":[{"type":"text","text":"The clean, structured layout puts your business and services first, with dedicated sections for your plumbing services, company introduction, process, testimonials, FAQs, service areas, contact details, and strong calls to action."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you run an independent plumbing business or a growing local plumbing company, Plumbing by Neil provides a polished foundation that can be customized to match your brand."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Professional plumbing-focused design • Fully responsive across desktop, tablet, and mobile • Clear service presentation • Lead-focused calls to action • Testimonials and trust-building sections • FAQ section • Service area section • Contact and inquiry sections • Clean, accessible layout • SEO-ready structure • Easy to customize in Framer • Fast and lightweight design"}]},{"type":"paragraph","content":[{"type":"text","text":"Built for businesses that want a professional online presence without unnecessary complexity."}]},{"type":"paragraph","content":[{"type":"text","text":"Replace the content, colors, imagery, and branding with your own, and launch a polished plumbing website in Framer."}]}]},"introduction":"Quick launch plumbing business!","slug":"plumbing-by-neil","author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b02a-a456-737a-83bf-4168254b1be7.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1311,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b031-98e8-759e-86a2-760f38040c86.png","metadata":{"tint":{"h":351,"s":94,"l":27},"width":1311,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b034-4bbd-758f-bd9b-b9742f46ad45.png","metadata":{"tint":{"h":320,"s":77,"l":65},"width":1440,"height":1080}}],"post":null,"createdAt":"2026-09-17T16:49:21.079Z","updatedAt":"2026-09-17T16:49:21.079Z","publishedAt":"2026-09-17T16:49:21.077Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/wJrqvmn","remixUrl":"https://framer.link/wJrqvmn","previewUrl":"https://geniusplumbing.framer.website/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[],"mainCategory":{"id":248,"name":"Services","slug":"professional-services"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-17T16:49:21.708Z","updatedAt":"2026-09-17T16:49:21.708Z"},{"id":"01a08175-4cbd-771b-a011-93e0057906ef","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"72667","resolved":true,"title":"Delicious","body":"$54","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Delicious, Premium Restaurant Framer Template"}],"attrs":{"level":1}},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Delicious is a premium restaurant website template for Framer, designed for modern restaurants, fine dining establishments, cafés, bistros, chefs, and hospitality brands."}]},{"type":"paragraph","content":[{"type":"text","text":"With a refined editorial aesthetic, bold typography, immersive imagery, generous spacing, and thoughtful interactions, Delicious helps restaurants create a memorable online presence that feels as considered as the dining experience itself."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Elegant restaurant homepage • Beautifully structured menu section • Chef profiles and team section • About the restaurant section • Multiple restaurant locations • Table reservation section • Instagram integration section • Privacy Policy and Terms of Service pages • Fully responsive across desktop, tablet, and mobile • Easy to customize in Framer • No coding required"}]},{"type":"customHeading","content":[{"type":"text","text":"Built for Modern Hospitality"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Whether you're launching a fine dining restaurant, contemporary café, independent bistro, luxury dining concept, or chef-led hospitality brand, Delicious provides a flexible foundation for showcasing your food, people, story, and atmosphere."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize the typography, colors, imagery, content, and layouts directly in Framer to make the template your own. Replace the demo content with your restaurant's branding and publish a polished website without starting from scratch."}]},{"type":"paragraph","content":[{"type":"text","text":"Delicious is designed to do more than display your menu. It creates a complete digital experience that introduces your restaurant, builds your brand, and guides visitors toward making a reservation."}]}]},"introduction":"Restaurant Template","slug":"delicious","author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b062-7535-7529-91ac-813547a92052.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1440,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b062-8bd4-7049-b182-fa47dd3cd008.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1440,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b063-34f2-76fc-b4cc-ec358c22d489.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1440,"height":1080}},{"type":"video","url":"https://stream.mux.com/t9DConJSMwMZBXYe2CV01KkTEgltfV2BSwlAlMYzph028.m3u8","metadata":{"posterUrl":"https://image.mux.com/t9DConJSMwMZBXYe2CV01KkTEgltfV2BSwlAlMYzph028/thumbnail.webp?time=6.033","aspectRatio":"169:108","duration":42.2}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b063-bd05-7420-9d6e-20ff522e2138.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1440,"height":1080}}],"post":null,"createdAt":"2026-09-08T14:39:02.771Z","updatedAt":"2026-09-17T17:22:09.808Z","publishedAt":"2026-09-08T14:39:02.767Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/8UlQOXq","remixUrl":"https://framer.link/8UlQOXq","previewUrl":"https://whimsys.framer.website/","categories":[{"id":115,"name":"Food","slug":"food"},{"id":289,"name":"Restaurants","slug":"restaurants"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":289,"name":"Restaurants","slug":"restaurants"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-08T14:39:03.357Z","updatedAt":"2026-09-08T14:39:03.357Z"},{"id":"01a05267-32c0-71b7-81a4-09c189f680ba","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"72125","resolved":true,"title":"Marriage Invitation","body":"$55","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Wedding Invitation Template"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A beautiful, elegant wedding invitation website designed to make your special day feel even more memorable."}]},{"type":"paragraph","content":[{"type":"text","text":"Wedding Invitation Template","marks":[{"type":"bold"}]},{"type":"text","text":" gives you everything you need to share your love story, wedding details, venue information, schedule, and FAQs with your guests, all in one beautifully crafted online invitation."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Elegant Hero Section","marks":[{"type":"bold"}]},{"type":"text","text":", make a beautiful first impression with your names, wedding date, and a captivating introduction."}]},{"type":"paragraph","content":[{"type":"text","text":"Our Story","marks":[{"type":"bold"}]},{"type":"text","text":", tell the story of how you met and celebrate the journey that brought you together."}]},{"type":"paragraph","content":[{"type":"text","text":"Wedding Schedule","marks":[{"type":"bold"}]},{"type":"text","text":", clearly present your ceremony, reception, and other important events."}]},{"type":"paragraph","content":[{"type":"text","text":"Venue and Location","marks":[{"type":"bold"}]},{"type":"text","text":", give your guests all the essential location details for your special day."}]},{"type":"paragraph","content":[{"type":"text","text":"FAQ Section","marks":[{"type":"bold"}]},{"type":"text","text":", answer common questions about dress code, accommodation, parking, plus ones, and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Beautiful Gallery","marks":[{"type":"bold"}]},{"type":"text","text":", showcase your favorite moments together through carefully placed imagery."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive","marks":[{"type":"bold"}]},{"type":"text","text":", your wedding website looks beautiful across desktop, tablet, and mobile devices."}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to Customize","marks":[{"type":"bold"}]},{"type":"text","text":", built in Framer, so you can easily update text, images, colors, fonts, and other content without writing code."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Whether you are planning an intimate ceremony, a luxury celebration, or a destination wedding, this template gives you a polished foundation for creating a wedding website that feels personal and unforgettable."}]},{"type":"paragraph","content":[{"type":"text","text":"Your story, your day, your invitation.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Create a wedding website your guests will love to visit."}]}]},"introduction":"Swiss style wedding template","slug":"marriage-invitation","author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b056-b571-752a-ba79-c768c822278c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1440,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b058-9bad-755b-9009-f8cf972cc8dc.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1440,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b05c-bcb3-7420-bf5d-34ef105a1b08.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1440,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b05d-81f4-72ee-9a29-c6997ef9353b.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1440,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b05d-462e-7679-958d-145e9d4c8758.png","metadata":{"tint":{"h":120,"s":13,"l":13},"width":1440,"height":1080}}],"post":null,"createdAt":"2026-08-30T11:21:29.496Z","updatedAt":"2026-10-05T17:55:48.701Z","publishedAt":"2026-08-30T11:21:29.493Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/zDBvlKm","remixUrl":"https://framer.link/zDBvlKm","previewUrl":"https://wedin.framer.website/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":111,"name":"Minimal","slug":"minimal"},{"id":193,"name":"Black & White","slug":"black-and-white"},{"id":222,"name":"Grid","slug":"grid"}],"mainCategory":{"id":293,"name":"Weddings","slug":"weddings"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-30T11:21:30.048Z","updatedAt":"2026-08-30T11:21:30.048Z"},{"id":"019f31c2-ddfa-7533-9b0e-bf4414f35d01","title":null,"body":"

Burger menu on mobile breakpoint for my upcoming restaurant template.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Burger menu on mobile breakpoint for my upcoming restaurant template."}]}]},"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/XZBCUh2h601IEthGDidaL02XvYN4ZH02pmnSFH1dsj02m58.m3u8","metadata":{"posterUrl":"https://image.mux.com/XZBCUh2h601IEthGDidaL02XvYN4ZH02pmnSFH1dsj02m58/thumbnail.webp?time=3.033","aspectRatio":"4:3","duration":6.433333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-05T10:11:22.239Z","updatedAt":"2026-07-05T10:11:22.239Z"},{"id":"019f2dea-68ed-76ce-9a2d-e85f6895a64a","title":null,"body":"

'Notebook Journal Component' for Framer. Everything can be customised from the backend.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"'Notebook Journal Component' for Framer. Everything can be customised from the backend."}]}]},"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/E4xCUinSG6R8PMznJLo9S5a22fw01U4H6sNAD4wNa7ho.m3u8","metadata":{"posterUrl":"https://image.mux.com/E4xCUinSG6R8PMznJLo9S5a22fw01U4H6sNAD4wNa7ho/thumbnail.webp?time=6.167","aspectRatio":"759:523","duration":11.566667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-04T16:16:04.850Z","updatedAt":"2026-07-04T16:16:04.850Z"},{"id":"019f2860-f88f-715a-a311-823a110d178f","title":null,"body":"

Helped a business to solve a complex problem with a complex custom-coded component. You can see how many lines are in there. My client was very happy and compensated me with 150 pounds.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Helped a business to solve a complex problem with a complex custom-coded component. You can see how many lines are in there. My client was very happy and compensated me with 150 pounds."}]}]},"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/8llvwrlf","metadata":{"tint":{"h":0,"s":0,"l":57},"width":750,"height":666}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-03T14:27:51.571Z","updatedAt":"2026-07-03T14:27:51.571Z"},{"id":"019f22ca-4ba8-7374-84a2-a05c99c667d4","title":null,"body":"

Rock, Paper, Scissors Game Component made with Love in Framer!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Rock, Paper, Scissors Game Component made with Love in Framer!"}]}]},"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/L02kJ254ZAgZCssnNbFgtlv2ytXSwBObxrZC4I5yMBto.m3u8","metadata":{"posterUrl":"https://image.mux.com/L02kJ254ZAgZCssnNbFgtlv2ytXSwBObxrZC4I5yMBto/thumbnail.webp?time=6.033","aspectRatio":"94:75","duration":15.4}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-02T12:25:10.835Z","updatedAt":"2026-07-02T12:25:10.835Z"},{"id":"019f22ab-81f3-72ce-b127-bfb6c530c684","title":null,"body":"

Breathe in and out exercise component made in Framer (Healthcare Sector).

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Breathe in and out exercise component made in Framer (Healthcare Sector)."}]}]},"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/jARjbLWZFl9NzW2ku4XXguuDqFvl9ruUGn22j5wvpO8.m3u8","metadata":{"posterUrl":"https://image.mux.com/jARjbLWZFl9NzW2ku4XXguuDqFvl9ruUGn22j5wvpO8/thumbnail.webp?time=25.033","aspectRatio":"497:428","duration":27.066667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-02T11:51:33.111Z","updatedAt":"2026-07-02T11:51:33.111Z"},{"id":"019f2204-5c2f-7680-9a55-8bdeb566d05f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"68751","resolved":true,"title":"Car Wash Template","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium Framer template designed specifically for "},{"type":"text","text":"car wash, auto detailing, ceramic coating, paint protection, and vehicle care businesses","marks":[{"type":"bold"}]},{"type":"text","text":". Its clean, conversion-focused design helps you showcase your services, build trust, and turn visitors into customers."}]},{"type":"paragraph","content":[{"type":"text","text":"Instead of relying on flashy animations, CarWash uses subtle motion to create a professional experience that keeps the focus on your business. This makes it ideal for service-based brands where credibility and clarity matter most."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Premium hero section • Service showcase • Step-by-step process section • Customer testimonials • Appointment booking form • FAQ section • Conversion-focused CTA sections • Fully responsive design • Easy customization with Framer • No coding required"}]},{"type":"customHeading","content":[{"type":"text","text":"Built for SEO & Accessibility"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Developed using modern web standards, CarWash achieves:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100/100 Accessibility"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100/100 Best Practices"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100/100 SEO"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"The template includes semantic structure, optimized heading hierarchy, responsive layouts, and clean code to help improve search visibility and user experience."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Car Wash Businesses"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto Detailing Studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ceramic Coating Services"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Paint Protection Film (PPF)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile Car Wash Services"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto Spa Businesses"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vehicle Care Brands"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're launching a new detailing business or refreshing an existing website, CarWash provides everything needed to create a professional online presence and generate more bookings."}]}]},"introduction":"Ready to Launch Template","slug":"car-wash-template","author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b050-083f-777c-bab8-136169d0e490.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1440,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b050-363e-741a-a16f-02c05020b488.png","metadata":{"tint":{"h":214,"s":93,"l":24},"width":1440,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b050-2504-74f7-ace1-47473fe80129.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1440,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71ba0696-4ed2-449a-8bb9-e5e0400e8aee/01a0b050-84e8-75fe-bc1a-0de100eca86e.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1440,"height":1080}}],"post":null,"createdAt":"2026-07-02T08:48:58.886Z","updatedAt":"2026-09-17T17:01:18.517Z","publishedAt":"2026-07-02T08:48:58.882Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/8mliWre","remixUrl":"https://framer.link/8mliWre","previewUrl":"https://washcar.framer.website/","categories":[{"id":196,"name":"Car & Auto","slug":"car-and-auto"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":248,"name":"Services","slug":"professional-services"},"features":[{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":19,"name":"Localization","slug":"localization"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-02T08:48:58.927Z","updatedAt":"2026-07-02T08:48:58.927Z"},{"id":"019d6722-1e04-7ddc-817f-39f24c328399","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"TWjpj9wHPCi7AnnlrG2X","resolved":true,"title":"Calorie Burn","body":"$57","bodyJson":null,"introduction":"Interactive Calorie Burn Estimator","slug":"calorie-burn","author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/TWjpj9wHPCi7AnnlrG2X/calorie-burn-FowSMIQocHgGIKO7SDcMbWEQCPJZ35","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-27T06:13:13.990Z","updatedAt":"2026-07-09T12:50:11.240Z","publishedAt":"2026-04-07T08:49:42.404Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Calorie-Burn-Estimate-oTk2yH.js@Bn51PZY69TzIxuF1BgpM","previewUrl":"https://calorieburn.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"Bn51PZY69TzIxuF1BgpM","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-07T08:49:42.404Z","updatedAt":"2026-04-07T08:49:42.404Z"},{"id":"019d4861-656c-7987-a43b-f935ba3d3313","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"llMCsDcNZUIG7QnQ1zLM","resolved":true,"title":"I am Not a Robot","body":"$58","bodyJson":null,"introduction":"A CAPTCHA-free verification widget.","slug":"i-am-not-a-robot","author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/llMCsDcNZUIG7QnQ1zLM/i-am-not-a-robot-qQdefhNSwQfgZJ95LOOgMs2lZ5vv4c","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-24T10:36:58.040Z","updatedAt":"2026-04-04T08:41:51.053Z","publishedAt":"2026-04-01T09:30:35.756Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://iamnotarobot.framer.website/","price":"12","paymentUrl":"https://buy.polar.sh/polar_cl_CuTDlrqbVCyMPijj8ZpEa4K89hKgVPtUmzVpo0Hp5Vg","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"PPPoHvTgbbxgPexqTWcR","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-04-01T09:30:35.756Z","updatedAt":"2026-04-01T09:30:35.756Z"},{"id":"019d2ace-0954-7f17-b8bc-676ff099d6ac","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"5hXMcf7D0DXDTT3TeBG4","resolved":true,"title":"EV Saving Calculator","body":"$59","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"EV Saving Calculator"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Key Features:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic Cost Comparison:","marks":[{"type":"bold"}]},{"type":"text","text":" Users can easily adjust their current monthly gas spend, vehicle MPG, and local electricity rates to instantly see their projected annual savings."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Environmental Impact Metrics:","marks":[{"type":"bold"}]},{"type":"text","text":" Goes beyond just money by calculating the user's annual CO₂ reduction. It translates these tons of carbon into relatable metrics, like the equivalent number of trees planted or homes powered."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Advanced Settings:","marks":[{"type":"bold"}]},{"type":"text","text":" Includes a collapsible \"Advanced\" panel for power users to tweak their annual driving distance and specific EV efficiency (mi/kWh) for hyper-accurate estimates."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid Animations:","marks":[{"type":"bold"}]},{"type":"text","text":" Features live-updating AnimatedNumber components and animated comparison bars that respond smoothly to slider inputs without jarring number snapping."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Production-Safe:","marks":[{"type":"bold"}]},{"type":"text","text":" Engineered with unique React IDs to prevent DOM collisions, scoped CSS to protect your site's global styles, and comprehensive accessibility (aria-labels, aria-live regions) built right in."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Endless Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Framer Property Controls give you complete design freedom without writing a single line of code. Customize:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand Colors:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the background, card, slider, positive (savings), and negative (gas cost) colors to perfectly match your site's theme."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography & Styling:","marks":[{"type":"bold"}]},{"type":"text","text":" Full control over fonts, border radius, padding, and box shadows."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Default Values:","marks":[{"type":"bold"}]},{"type":"text","text":" Set the baseline currency, gas spend, MPG, and electricity rates to suit your specific target market or region."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Module Toggles:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose to hide or show specific elements like the Impact Score, CO₂ Emissions, or Eco-Equivalents based on your layout needs."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Here are the property controls you can use for this component:"}]},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-hpp6j6w8-YQoIjlxintRyKiA0Wla38JbBHcTGm7","link":null,"caption":"","uploadId":null}},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-hpp6j6w8-FekulqJSsxRVxOVSNAeksJjbX76Sbt","link":null,"caption":"","uploadId":null}},{"type":"paragraph","content":[{"type":"text","text":"Perfect For:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automotive dealerships and EV manufacturer landing pages."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Green energy providers and solar installation companies."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sustainability blogs and eco-conscious lifestyle brands."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Personal portfolio projects showcasing interactive UI design."}]}]}]}]},"introduction":"Interactive EV Savings Calculator","slug":"ev-saving-calculator","author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/5hXMcf7D0DXDTT3TeBG4/ev-saving-calculator-AgDzQYPA5gJWkVB1LVpxZfStFXJlqy","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-17T07:17:32.312Z","updatedAt":"2026-07-02T12:21:11.367Z","publishedAt":"2026-03-26T15:40:39.124Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/EV-Savings-Calculator-Pro-65ohn6.js@AvLUPXZNghzeRIZoqiZo","previewUrl":"https://evsaving.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"AvLUPXZNghzeRIZoqiZo","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-26T15:40:39.124Z","updatedAt":"2026-03-26T15:40:39.124Z"},{"id":"019d2039-d141-73e9-9aff-f7d1bcee91d5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZKgN7tvcBauWGXpY2AhN","resolved":true,"title":"Spatial Audio Button","body":"$5a","bodyJson":null,"introduction":"3D spatialized sound effects on button","slug":"spatial-audio-button","author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ZKgN7tvcBauWGXpY2AhN/spatial-audio-button-nNILIBLAjESttSjRkkxjugoBIPAvIq","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-11T16:45:16.741Z","updatedAt":"2026-03-24T12:53:24.361Z","publishedAt":"2026-03-24T14:22:33.281Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Spatial-Audio-Button-9zuBvH.js@nzDgUwJs8olSNs9YL87M","previewUrl":"https://spatialbutton.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"nzDgUwJs8olSNs9YL87M","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-03-24T14:22:33.281Z","updatedAt":"2026-03-24T14:22:33.281Z"},{"id":"019c9f3d-74dc-7df5-8ce6-4d40dfd0f10a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"RrLlnMGopJrpo4UaNlMm","resolved":true,"title":"Data Visualise Pro","body":"$5b","bodyJson":null,"introduction":"CSV and XLSX to Data Visualise","slug":"data-visualise-pro","author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/RrLlnMGopJrpo4UaNlMm/data-visualise-pro-N5jmvDeIk28Sijt8TNG1A9UuOl1sdO","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-20T15:40:04.320Z","updatedAt":"2026-03-04T15:45:41.241Z","publishedAt":"2026-02-27T13:15:30.908Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Data-Visualise-Pro-IDObjI.js@n4uQOZ8s4cr876z3ZQPp","previewUrl":"https://allinonedata.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"n4uQOZ8s4cr876z3ZQPp","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-02-27T13:15:30.908Z","updatedAt":"2026-02-27T13:15:30.908Z"},{"id":"019c9ee2-83b5-7118-8ae2-908fc0e515f0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"A8uiQFj7h5IaIk3ExUwd","resolved":true,"title":"Solar Calculator Pro","body":"$5c","bodyJson":null,"introduction":"Interactive Solar ROI Calculator","slug":"solar-calculator-pro","author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/xLfb0XS2AgDf5xkWGOvG/solar-calculator-pro-s9pWQelGBt3QB7D3Sa5I6fGzgRwEKF","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-20T06:46:39.954Z","updatedAt":"2026-03-12T05:58:28.920Z","publishedAt":"2026-02-27T11:36:10.933Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://solarsavingscalculator.framer.website/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_QuquHdDbHJ3gL8IJpnljUbL1AsnFBT8K63f3r2qaUy5","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"ZF6l4Jf2b4Dsh4cs7vKB","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-02-27T11:36:10.933Z","updatedAt":"2026-02-27T11:36:10.933Z"},{"id":"019c9ee2-405d-7fb1-a28f-076bd98ed0dc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"V6B3LAjxZCW7yfG6FjCp","resolved":true,"title":"Cinematic Text","body":"$5d","bodyJson":null,"introduction":"Animated Flicker & Reveal Text","slug":"cinematic-text","author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/II5rITqYRqGioTGR0Ka4/cinematic-text-TNd8B3VptMVS8UMkQ5IqSILHukjaxG","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-20T05:58:55.877Z","updatedAt":"2026-02-27T11:35:15.803Z","publishedAt":"2026-02-27T11:35:53.693Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Cinematic-Text-O5IyfR.js@kq7Th4KeRMP2M6IkV5Mx","previewUrl":"https://cinematictext.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"kq7Th4KeRMP2M6IkV5Mx","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-27T11:35:53.693Z","updatedAt":"2026-02-27T11:35:53.693Z"},{"id":"019c9d85-3c09-745a-9b6b-9d92336182cd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"44mAH5ul8oDJAXll5p2r","resolved":true,"title":"Data Studio Pro","body":"$5e","bodyJson":null,"introduction":"CSV/XLSX to Readymade Data Table","slug":"data-studio-pro","author":{"framerUserId":"71ba0696-4ed2-449a-8bb9-e5e0400e8aee","name":"Sajjadul Kibria","slug":"neil-sajjad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153627/avatar-GinR1Jn5jLsUjgTO1yklcKjIJfQNiY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/44mAH5ul8oDJAXll5p2r/data-studio-pro-0FVGDEdjaMdjydJo04CZLQelJE2jig","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-20T09:46:52.109Z","updatedAt":"2026-10-06T07:37:02.190Z","publishedAt":"2026-02-27T05:14:40.521Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Data-Studio-Pro-701psz.js@7RQKcBoq4WGPpUpGKNSI","previewUrl":"https://datastudiopro.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"7RQKcBoq4WGPpUpGKNSI","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-02-27T05:14:40.521Z","updatedAt":"2026-02-27T05:14:40.521Z"}],"pagination":{"next":"MDE5YzlkODUtM2MwOS03NDVhLTliNmItOWQ5MjMzNjE4MmNk","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5f"}]