Designing User Interfaces For The AI EraIntroduction A lot is happening in UI. And I mean A LOT. Text generation, image generation, audio & speech generation and even app generation. It feels like we are finally living in the future. We have unlocked immense capability, productivity and ev...Sep 28, 2023 · 17 min readblog.noelcserepy.com
How I Reduced Onboarding Time By 90% With Document ScanningThe Problem CoverCraft is a web app that writes customized cover letters using AI. With this project, I am trying to stretch my skills to make a fully functioning SaaS product with a top-notch user experience. I want users to feel taken care of from ...3KMOSep 19, 2023 · 8 min readblog.noelcserepy.com
How I Created a Typing Text Animation with Framer MotionThe Idea After finishing some client work, just like everyone else and their grandma, I made an AI app 🙄. Mine writes custom cover letters based on the user's CV and a job description. When I got around to making the homepage, I knew I wanted to mak...12MKAug 31, 2023 · 11 min readblog.noelcserepy.com
Maximizing the Power of Framer Motion with useAnimationControlsFor most animations, we create variants for different animation states and plug those into the animate prop of our motion component. animate controls which variant the component animates to. It is triggered automatically when the component loads or t...Jan 9, 2023 · 6 min readblog.noelcserepy.com
Creating Keyframe Animations with Framer MotionSometimes a single movement is simply not enough. Sometimes you want to emphasize an action, draw attention, or even build complex animations with multiple components. If you want to really sell the effect, an animation sequence is just what you need...Oct 3, 2022 · 8 min readblog.noelcserepy.com
