The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Excited to share my submission for this Omma buildathon: Dissolve
Live link: https://omma.build/p/dissolve-zak2ob
Dissolve is an interactive, creative web utility tool built entirely on the Omma platform. The concept is centered around dynamic deconstruction, giving users the power to dissolve visual media in real-time.
Built 100% in Omma
Omma Studio: Used to generate the custom, smooth polymer pink arch mascot card acting as the application’s flagship visual asset.
Omma Canvas: The entire product architecture, interactive state management, responsive grid layouts, custom slider controls, multi-format file exporters, and cursor-tracking mouse-tilt vectors were engineered natively inside Canvas.
Effects
Pixel: Transforms images into highly customizable pixel grids. You can adjust the block size, pixel shape, colors, and layouts, all paired with animated motion.
Dither: Converts images into retro, ink-and-paper dot patterns, featuring live-animated drifting and shimmering fields.
ASCII: Maps image brightness to text characters in real time. Features customizable character sets, boxed layouts, and live text animations.
Particle: Explodes images into interactive, physics-based particle fields that react to your cursor and snap back into place. Crucially, this effect can be exported as self-contained, working HTML or TSX code.
Imports that give you freedom: Dissolve isn’t limited to the default mascot placeholder. You can upload your own image or video and the effect engines will rebuild themselves around it instantly.
Upload an MP4 and the effects run live on the video frames: the pixel grid, dither dots, and ASCII characters all recalculate in real time as the video plays.
You can also upload a custom background image for Pixel, Dither, and ASCII: it sits behind the effect layer, composited directly on the canvas. Every import is local and sandboxed, nothing leaves your browser.
The export system was built with intention: Static effects export as PNG or JPG at ×1 to ×4 resolution. PNG is transparent when no background is set; with a background, the full canvas is included.
When a video is uploaded or animation is enabled, exports switch to GIF and MP4. The Particle effect exports as a self-contained HTML file or TSX component with all settings and physics baked in, fully responsive to any screen size.
Try it out and feel free to comment your creations below!
looks so cool, and I will definitely use it
Wish you the best, supporting you.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Then: 1 month, 1 template.
Now: 1 week, 15 templates.
Same designer, different workflow.
I wrote up how I built no-code.supply: fifteen website templates, each with its own brand, in HTML and React, and some in Framer too. Claude Code did most of the typing. I did the directing.
no-code.supply
How I built 15 website templates with an AI coding agent in a week
How I built 15 AI-ready website templates with Claude Code in a week: the workflow, the quality bar, and why a template is only the starting point.
Going from one template a month to fifteen a week is wild. How much of the design direction did you still do by hand?
I created an intense, dynamic video edit utilizing the InVideo AI Timeline Agent. I tasked the FX Agent with generating a custom "Shape Flicker" effect over the main extinction footage. The agent automatically layered white geometric shape tracks above the main video and configured their blending mode to Difference, producing high-contrast, color-inverted visual glitch cuts around key impact moments.
#invideocontrachallenge #invideoeditor
invideo Editor is free to try
Great work...
BG Remover is a high-precision, production-ready AI background removal studio and bulk editing suite built with Next.js 16, React 19, TypeScript, and Tailwind CSS.
Unlike traditional cloud-based background removers that mandate subscriptions, inject watermarks, or upload user photos to remote servers, BG Remover runs 100% locally in your web browser via WebAssembly (WASM).
It delivers sub-second (~85ms average) AI subject isolation, 4K HD transparent PNG exports, SVG vector outline traces, and a full-featured studio editor — completely free and 100% private.
LIVE:- https://bg-remover-one-blush.vercel.app/
Doing the removal in the browser with no uploads is a solid selling point. How fast is it on large files?