WebGL Fluid Simulation - Online Interactive Ink Drop
Move your mouse to create colorful ink swirls in a simulated fluid. Beautiful and mesmerizing. No install. Just WebGL.
UD5 Toolkit
Move your mouse to create colorful ink swirls in a simulated fluid. Beautiful and mesmerizing. No install. Just WebGL.
Mix two or more colors using subtractive (CMYKâlike) blending. See what happens when you combine real paints. Brush effect canvas.
Control a lunar module and try to land softly on the moon. Manage fuel and thrust. Classic arcade physics. Canvas.
Render 1000 styled elements using inline styles vs. CSS classes and compare time. Understand CSSâinâJS tradeâoffs.
Generate truly random numbers within a specified range. Useful for contests, game decisions, and sampling. Runs locally, no hidden algorithms.
Create a random magical item with a name, effect, and lore for your RPG session. Perfect for dungeon masters. No API.
Simulate how a palette looks under daylight, tungsten, or fluorescent light. Understand metamerism. For accurate color work.
Generate a subtle noise/grain texture as a CSS background pattern. Adjust opacity and size. For that film look.
Click to get a random HTTP status code with its name and description. See 418 I'm a teapot. Fun for devs.
Create a looping animated gradient background with multiple color stops. Copy the complete CSS keyframes. Eyeâcatching.
See how `animationâcomposition: replace, add, accumulate` works by layering animations on the same property. Understand the spec.
Recreate the target CSS linear gradient by adjusting stops and colors. A unique game for frontâend developers to master gradients.
Generate a subtle or heavy noise/grain texture as a CSS background. Adjust intensity and color. Copy the small code.
List each item with weight, see total load. Color-coded recommendations for reducing pack weight. Local storage.
Preview different touch feedback patterns (scale, color, ripple) for mobile buttons. Copy the CSS and HTML. Improve mobile UX.
Rotate the hue of any image globally. Turn a red car blue instantly. Download the result. Works entirely in the browser.
Create a Blob from text or a file and generate a temporary URL for it. Understand the Blob API. Dev demo.
Load a sprite sheet, define frames, and play an animation on a canvas. Control frame rate and loop. Game dev tool.
Try all objectâfit values (fill, contain, cover, scaleâdown) on an image. Adjust objectâposition. Copy the CSS.
Get a random dessert recipe with ingredients and steps. From cakes to cookies. Solve your sweet cravings. Local database.
Add a soft vignette to your photo. Control radius, darkness, and feathering. Creates a classic photographic look.
Generate dynamic placeholder images by specifying width, height, colors, and text. View instantly as a URL you can embed in mockups. Canvas-based.
Keep one selected color and turn the rest of the image to grayscale. Eyeâcatching selective color effect. Pure canvas.
Enter a resource name and HTTP method to get a complete Express route handler with try/catch and comments.
Select a Node.js version from the LTS list and instantly download a .nvmrc file. Lock your projectâs runtime.
Generate a random Sudoku puzzle with a unique solution. Choose difficulty and type numbers on the board. Timer and mistake counter.
Paste any iframe embed code (YouTube, maps) and get a responsive wrapper div with correct aspect ratio CSS.
Apply real-time CSS filters or canvas effects to a video and download the processed output. Experiment with video post-processing locally.
Apply a blur effect to image background while keeping the subject sharp. Simple brush selection for area to keep sharp. CSS+Canvas implementation, local only.
Adjust a brightness threshold slider and see the live vector trace of an image. Export as SVG. Potraceâstyle.