Paden’s Tool Repo
I made these because I thought they’d help my workflow! They help with ideation and creativity, speed up the front-end design process, and make it easier to iterate on brand identities. Made free for my friends and family. To be monetized, eventually.
Moodboarded
Two compositions, side by side. Edit the type, swap the colors, lock the parts you want to keep.
Use it to- Try type and color pairings against real copy before opening Figma
- Mock up a brand direction for a pitch or quick exploration
- Lock down a palette and a serif/sans combo before you build anything
No-Dev Tools
A searchable index of motion code — text effects, hover states, SVG and scroll animations. Filter, preview, copy.
Use it to- Find and copy a typewriter effect, marquee, or hover state
- Grab working motion code without writing it from scratch
- Add a scroll-triggered reveal or SVG animation to a one-pager
ID Kit Pro
Drop in a screenshot or design file. Every color and font becomes an editable swatch you can swap, pair, and preview live.
Use it to- Reskin a Lovable, v0, or Bolt project to your own palette
- Pair styles to show how they read together before committing