Kodeinz Prod

I’ve finally shipped something I’ve been dreaming of in the Marketplace: a scroll-pinned project showcase that truly feels like a studio index—not just another fade slideshow.

The Kern Corner Project Scroller pins a stage as you scroll. Each project displays full-bleed, then transitions spatially: the current image fades out while the next image grows in from the bottom-right preview. The incoming layer remains on top. There are two modes available: corner morph and slide left.

Just a heads-up, I’m offering a 50% discount on all my components using CODE: FRAMER

some design snippets I've been working on lately ✨

always happy to polish the little details that make a design feel just right.

Hi @Andreu i just published 4 of my components were i got instantly reported 2 of my components by someone or framer team I'm not sure , can you check this

🌍 15 cities watched Framer Agents launch live, then started building the moment it dropped. Thanks to everyone who joined us.

Contact Dock — glass orb that springs a hello sheet.

Avatar, greeting, up to 3 channels (book / email / tel). Pulse rings. Escape closes it.

https://framer.link/OLAQE0Z

Arbour WIP — home open + TerritoryRail

Sketching the first viewport: parchment, ink, a mark that doesn’t compete with the photography.

Neighbourhoods as an editorial stage: image, coords, quiet index. Desktop + a phone still.

Not a finished template. Just the entrance and the map of place.

#Framer #FramerTemplate

most copy UIs are a button next to plain text. this one masks the value, reveals on the eye, then copies for real — stroke → check, hover hints for View / Copy

https://framer.link/kf8ROzJ

#Framer #FramerMarketplace

Most metric counters just tick digits up. Metric Seal is a sealed ink event on enter view: a directional wipe fills the figure with a soft tip that hardens as coverage completes, while a bloom halo rides the front and fades into one sealed layer.

→ directional ink wipe + soft tip → hard seal

→ bloom halo on the front, then one sealed layer

→ From → To count on its own ease-out (never crawls with the mask)

→ Cinematic / Balanced / Snappy motion

Ship Cinematic for the readable mid-body travel. Preview on published URL — enter-view is the product.

Try it live: https://framer.link/h5lRzNs

BuiltByKern → Marketplace → Metric Seal

Stats row, pricing proof, or case-study KPI — where would you seal a metric first?

Headline hovers usually fade the whole word the same way. Glyph Ink seeds from your pointer: each letter fills from the nearest glyph-box edge, cascades by distance, then breathes out longer than it entered.

→ pointer-origin seed per glyph (nearest edge)

→ distance-ordered ink cascade across the line

→ elliptical soft-tip fill — no fat diagonal disk

→ Cinematic / Balanced / Snappy / Custom motion

Hover is the product. Canvas holds a mid-ink rest (~55%); full motion on preview / publish. Ghost + Ink colors, Font control, touch/keyboard/reduced-motion → full text.

Try it live: https://framer.link/spaxn6C

BuiltByKern → Marketplace → Glyph Ink

Hero manifesto or section title — where would pointer-origin ink land first?

Invert-on-hover CTAs feel the same everywhere. Filling Point starts a seed circle at the nearest border to your pointer, then three solid disks cascade out from that exact enter point — leave reverses the whole beat.

→ pointer-enter origin (not button-center flood)

→ seed kisses the nearest edge before cover expands

→ three-beat cascade in, reverse cascade out

→ Solid disks or Soft wash (gradient, not blur)

Ship Cinematic for the readable paint event. Canvas stays idle — motion only on preview / publish.

Try it live: https://framer.link/BPI56ka

BuiltByKern → Marketplace → Filling Point

Would you notice if the fill started from button center instead of your pointer?

Most nav links in Framer either underline on hover or scale the whole word. Nothing moves through the label itself.

Wave Dot Link turns any text into a kinetic link — a marker races the baseline while nearby characters lift, tilt, and settle with spring-driven travel.

What you get:

→ traveling baseline marker (dot, dash, square, or off)

→ per-letter lift, tilt, scale, and trail

→ hover or click trigger

→ label + destination from the panel

→ tablet and mobile type sizes

→ reduced-motion fallback

→ canvas matches live rest pose — no guessing in the editor

Drop it in a hero, menu row, or footer link. Set label, pick trigger, tune marker shape and motion.

Try it live: https://framer.link/ufE5Qk4

BuiltByKern → Marketplace → Wave Dot Link

Hero CTA, vertical nav, or inline text link — where would you use a traveling marker?

Shipped Scrolling Blur — soft backdrop blur for section chrome, not another hard strip or solid veil.

Kern_ScrollBlur soft-masks full-frame backdrop-filter so dense blur at the pinned edge fades into clear content. Safari-safe (no opacity on filter layers).

Shapes from the panel:

→ Edge — vertical fade

→ U — cupped clear center

→ ∩ — hard center, soft sides

Modes:

→ Always On

→ Follow Scroll (show while scrolling, hide after Settle)

→ Off on canvas when you need a clean artboard

Also in the box:

→ Strength 2–10 px (Safari-safe peak)

→ Adaptive layers + off-screen pause

→ prefers-reduced-motion fallback

→ Framer + Framer Motion only — zero external deps

Drop it fixed over nav or footer chrome. Defaults are subtle — editorial out of the box.

Marketplace: https://framer.link/EPoSBsn

WDUT — Edge under nav, or ∩ over a hero dock?

— BuiltByKern · built brutally well

CircleCards — circular 3D card ring with pointer physics.

https://framer.link/mGWQCsW

Cards sit on a polar ring. Cursor drives flip + stage tilt. Auto-roll on publish, pauses on hover, showcase on click for portfolio focus. 6–48 cards, image/video slots, grain + vignette built in.

Preview on published URL — auto-roll doesn't run on canvas.

BuiltByKern → CircleCards

Ring layout for portfolio or product grid — which fits your projects?

Most section dividers in Framer are static strokes. Hover might fade or shift them — but nothing reacts to where on the line you touched or how hard you pulled.

Kinetic Line runs a lightweight string simulation in real time. Move along a horizontal divider or vertical accent line and the stroke bends, propagates, and settles with spring physics — not a CSS wiggle.

Built for real layout slots:

→ hero separators

→ editorial section breaks

→ vertical accent lines

→ horizontal dividers between content blocks

Tuned from the panel without touching code:

→ Bend Amount + Pluck Intensity

→ Pointer Reach (wider hit area, same deformation cap)

→ Tension / Damping / Spread

→ horizontal or vertical orientation

Defaults are subtle — editorial out of the box. Single self-contained component, no helper imports.

Where would you drop a physics divider — hero, between sections, or as a vertical rail?

https://framer.link/9FKl60Z

LetterRollMenu — editorial vertical nav with per-letter motion

---

Short-nav for studio and portfolio layouts — not another static link list.

On row hover, every glyph runs its own spring choreography. Three animation modes:

→ Roll — classic vertical dual-layer swap

→ Wave — alternating phase per letter

→ Flip — per-character 3D rotateX with a second face in your hover color

Five motion presets in one click: Editorial · Premium · Snap · Kinetic · Instant.

Also in the box:

→ Focus rail slides to the active row (spring + optional glow)

→ Dim Others on inactive rows

→ Entrance stagger when the block enters viewport

→ Responsive type scale (desktop / tablet / mobile)

→ Framer + Framer Motion only — no external deps

Try it:

https://possible-objects-130304.framer.app/

WDUT — Roll, Wave, or Flip for a creative studio site?

Marketplace link:

https://framer.link/YfD6uAN

Questions welcome — preset tuning and row count (3–5 labels works best).

— BuiltByKern · built brutally well

Most Framer galleries stop at a grid or carousel. Drift Plane puts cards on a toroidal 3D plane — idle drift, mouse parallax, three depth layers — so pan never hits an edge.

Portfolio void, moodboard, or lookbook — where would you drop an infinite plane?

Try it live: https://framer.link/DV7ph9v

BuiltByKern → Marketplace → Drift Plane