Preview image. Unlock full-res
A physics-driven slider component with fluid jelly deformation rendered entirely via GPU shaders in TypeGPU, featuring organic wobble and stretch behavior as the thumb moves along the track.
Summary
A physics-driven slider component with fluid jelly deformation rendered entirely via GPU shaders in TypeGPU, featuring organic wobble and stretch behavior as the thumb moves along the track.
Visual description
A horizontal progress slider track features a smooth gradient flowing from dark charcoal gray on the left to warm orange amber on the right end. The bar has fully rounded pill-shaped terminals and displays '99%' in dark text positioned within the colored fill. The overall form appears soft and fluid, with smooth anti-aliased edges suggesting an organic, jelly-like material rather than a hard mechanical track.
Key takeaway
A warm-to-cool directional gradient on the fill creates visual momentum and draws attention to the progress endpoint. Placing the percentage label inside the filled area integrates the metric with the visual feedback.
Reuse notes
Reach for this as a motion still reference. Pairs with experimental, 3d directions. Original by Konrad Reczko.
