ed4456.
Web Developer · Front-end

I build sites that move
and fix the ones that break.

Landing pages, business-card sites and interactive elements in clean HTML, CSS and JavaScript — with smooth, tasteful motion. Below are live demos of the animation work, and pieces from a recent treatment-agency website.

HTML / CSS JavaScript GSAP motion Bug fixing Responsive
scroll ↓
02 — Live animation demos

Hover, click and scroll — everything here runs live.

click me

Ink-spill theme switch

Click → a soft-edged mask floods the whole canvas from one point. Same technique I used for a full day/night mode.

scrolls in

Staggered reveal

Blocks slide and fade in sequence as the section enters view — replays every time you scroll back.

hover me

Magnetic button

The button leans toward the cursor and springs back — a small micro-interaction that makes UI feel alive.

auto-types

Typed caption

A line that types itself out — handy for hints, hero taglines or loading states.

03 — Selected work · treatment-agency website
name.
treatments
that win
the pitch.
see the work →
home · intro draw-on
01 / Home

Intro that draws itself, then lifts away

The logo strokes draw on from nothing, the editorial grid ripples outward like a stone dropped in water, and the whole intro lifts off the screen into the home view — one continuous, frame-tuned sequence.

GSAP timelineSVG draw-onmask ripple
project 04 / 13Director's vision deck
works · embedded decks
02 / Works

A gallery of live, embedded presentation decks

Thirteen projects, each a real interactive deck embedded and reframed so only the slide shows — discrete swipe navigation, lazy-loaded so the page stays light no matter how many are on screen.

iframe reframinglazy-loadswipe nav
name.
night
mode.
night mode · ink spill
03 / Night mode

One click flips the entire site

Clicking the logo floods a soft-edged dark theme out from the mark itself, an aurora background fades in behind every section, and the logo rides on top of the spill — no hard edges, no flicker. (The first demo above is this effect, distilled.)

mask-imagetheme tokensaurora bg
your name
email
company
project · message
send →
→ telegram ✦
contact · telegram form
04 / Contact

A form that delivers straight to Telegram

A clean contact form with file upload and validation, wired through a serverless proxy so submissions — text and attachments — land instantly in a Telegram chat. No backend to maintain, no exposed keys.

serverlessfile uploadvalidation

Got a page to build
or a bug to kill?

Send the idea or the broken link — I'll tell you exactly how I'd solve it before anything starts.

petrov297ed@gmail.com  ·  @e4456