UltraKit · Widget #6

6 modes — drag, hover, click toggle, auto sweep, magic lens and cross-fade — × 5 handles × 5 frames × grid or switcher layouts. Made for portfolios, redesigns and retouching.

Mode 01 · Drag Slider

The classic before/after with a circular handle, soft shadow frame, hint animation on scroll-in and full keyboard support.

Website redesign — UltraKit (getultrakit.com) Before After
Website redesignFrom a cluttered 2005 layout to a clean, conversion-ready homepage.
Mobile app UI — UltraKit (getultrakit.com) Before After
Mobile app UIA crowded screen turned into a calm, thumb-friendly experience.
Mode 01 · Vertical Direction

Switch the direction to vertical for tall subjects and mobile screens. Pill-grip handle, gradient frame.

Mobile app UI — UltraKit (getultrakit.com) Before After
Mobile app UIA crowded screen turned into a calm, thumb-friendly experience.
Brand identity — UltraKit (getultrakit.com) Before After
Brand identityA dated logo lock-up refreshed into a modern, scalable brand mark.
Mode 02 · Follow Mouse

The divider follows the cursor — a fast, friction-free way to compare. Glass ring handle over a white-border frame.

Photo colour grade — UltraKit (getultrakit.com) Before After
Photo colour gradeFlat, dull footage graded into a vivid golden-hour look.
Data dashboard — UltraKit (getultrakit.com) Before After
Data dashboardA spreadsheet wall turned into a dashboard people actually read.
Mode 03 · Click Toggle

A smooth wipe between the two states with a Before / After switch. Ideal for mobile and for showing full-frame changes.

Website redesign — UltraKit (getultrakit.com) Before After
Website redesignFrom a cluttered 2005 layout to a clean, conversion-ready homepage.
Brand identity — UltraKit (getultrakit.com) Before After
Brand identityA dated logo lock-up refreshed into a modern, scalable brand mark.
Product page — UltraKit (getultrakit.com) Before After
Product pageA plain listing rebuilt to sell — bigger visuals, clearer buy button.
Mode 04 · Auto Sweep

The divider glides back and forth automatically — hover to take control. Gradient bar handle on a dark card.

Product page — UltraKit (getultrakit.com) Before After
Product pageA plain listing rebuilt to sell — bigger visuals, clearer buy button.
Data dashboard — UltraKit (getultrakit.com) Before After
Data dashboardA spreadsheet wall turned into a dashboard people actually read.
Mode 05 · Magic Lens

A circular lens follows your cursor and reveals the after image inside it — a memorable way to inspect retouching and detail.

Photo colour grade — UltraKit (getultrakit.com) Before After Move over the image
Photo colour gradeFlat, dull footage graded into a vivid golden-hour look.
Website redesign — UltraKit (getultrakit.com) Before After Move over the image
Website redesignFrom a cluttered 2005 layout to a clean, conversion-ready homepage.
Mode 06 · Cross-fade

Instead of a hard wipe the images blend into each other as you drag — perfect for lighting, colour and time-lapse comparisons.

Photo colour grade — UltraKit (getultrakit.com) Before After
Photo colour gradeFlat, dull footage graded into a vivid golden-hour look.
Brand identity — UltraKit (getultrakit.com) Before After
Brand identityA dated logo lock-up refreshed into a modern, scalable brand mark.
Layout · Switcher

Show a whole portfolio in a single spot: pick a project from the thumbnails and the big comparison swaps in.

Website redesign — UltraKit (getultrakit.com) Before After
Website redesignFrom a cluttered 2005 layout to a clean, conversion-ready homepage.
Mobile app UI — UltraKit (getultrakit.com) Before After
Mobile app UIA crowded screen turned into a calm, thumb-friendly experience.
Brand identity — UltraKit (getultrakit.com) Before After
Brand identityA dated logo lock-up refreshed into a modern, scalable brand mark.
Photo colour grade — UltraKit (getultrakit.com) Before After
Photo colour gradeFlat, dull footage graded into a vivid golden-hour look.
Data dashboard — UltraKit (getultrakit.com) Before After
Data dashboardA spreadsheet wall turned into a dashboard people actually read.
Product page — UltraKit (getultrakit.com) Before After
Product pageA plain listing rebuilt to sell — bigger visuals, clearer buy button.