SpringySlider
Exploration of Flutter in designing an aesthetic Springy Slider
Install / Use
/learn @kevzzsk/SpringySliderREADME
SpringySlider
A challenge to replicate https://dribbble.com/shots/3845034-Listening-now-Kishi-Bashi animation in Flutter
DEMO
Build
The final product closely replicate the original gif and add on many more aspect that the original gif could not convey, like how the UI looks when drag to the extreme ends.
The curves are not perfect and it will take more time to fine tune it to get it like the original but it is close enough.
Some minor bugs/clipping can be seen on the left side of the screen after release of the dragging sequence which maybe due to how the native flutter draws the line.
The build is done with modularity which ensures customisable design.
Related Skills
openpencil
2.1kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
Flyaro-waffle-app
Waffle Delight - Full Stack MERN Application Rules & Documentation Project Overview A comprehensive waffle delivery application built with MERN stack featuring premium UI/UX, admin management, a
ui-ux-pro-max-skill
60.7kAn AI SKILL that provide design intelligence for building professional UI/UX multiple platforms
