Search Results for "tiny-workflow"

simpleParallax.js is a very simple and tiny Vanilla JS library that adds parallax animations on any image. Where it may be laborious to get results through other plugins, simpleParallax.js stands out for its ease and its visual rendering. The parallax effect is directly applied to image tags, there is no need to use background images.

...Palette entries with alpha value. Select color harmonies. Create light and shadows with the shading ink. Create perfect strokes for pixel-art. Avoid extreme pixel distortions when rotating tiny sprites. Create patterns repeating the image in a 3x3 grid. Create custom brushes for dithering. Composite layers to create color effects. Open or save a sequence of images. Create animations and save them as .gif files. Export your work to sprite sheets in .png and .json files. Recovery your sprites in case of crash. Integrate Aseprite in your assets pipeline with the command-line interface (CLI). ...

Monster Mash is a playful, research-grade 2D-to-3D modeling and animation tool that turns quick pen strokes into lively, deformable characters in seconds. You sketch a silhouette and interior strokes to hint at limbs or structure, then “inflate” the drawing into a volumetric, puppet-like mesh that preserves the feel of the original art. The interface favors immediacy: draw, inflate, pose, and record motion directly in the canvas, without manual rigging, weight painting, or complicated asset...

frame.js is a tiny utility for orchestrating frame-based animations with requestAnimationFrame while keeping code clean and predictable. It abstracts the boilerplate of setting up a render loop, tracking elapsed time, and updating callbacks at the right cadence. By providing a simple lifecycle—start, stop, tick—it encourages separation between state updates and rendering, which is essential for smooth visuals.

...The project is designed to drop cleanly into modern React stacks, including Next.js and shadcn/ui-based projects, with Tailwind-friendly styling patterns. Installation can be as simple as pulling in specific icons and their dependencies, and it supports a registry-style workflow that fits teams that want consistency across products. It’s also meant to be forked and modified: you can copy the source of any icon, tweak the animation curves, adjust stroke width, and refine styling to match your system.

...The set covers common loading metaphors (pulsing dots, rotating squares, bouncing bars), giving designers a consistent visual language across a site while keeping bundle size tiny.

Zoë is an open-source tool in the CreateJS suite that enables illustrators to generate spritesheet images and animation frame data from SWF files, facilitating seamless workflow between Flash authoring and HTML5/EaselJS animation. Zoë is designed to work with any AS3 SWF file version 9 or greater. It's best practice to have all your animations on the root timeline, and use labels to identify your different animations or frames. To begin, simply drag a swf file into Zoë, and click Export to create a SpriteSheet. ...