Creating useful components that feel premium
I love the pressure Kimi K3 had on Fable 5, it will be available throughout no deadlines. After some experiments, Kimi K3 is good and cheaper. It is slower, yes but at least you save a few coins.
This week's newsletter is out. 👏😎
😀 Try out the ripple loader in any website to give it a fresh look.
Ripple rings expand from centre, your logo rises, and up to 6 product images orbit in a smooth merry-go-round. Drop in, customise, publish.
1) Add your brand colours in the ripple
2) Add your brand logo
3) Add your 6 transparent images that represent your website/brand.
4) You are done. Of cource, it's responsive on all devices.
New Component Alert !!
Turn scroll position into motion frame-scrubbed video, looping video, or a static hero photo, one component, three variants. Drop in, customise, publish.
I wanted a way to just upload a video and the component turns it into frames for me. For flexibility you have 3 variants:
1) scroll video
2) video
3)photo.
If you wanna use photo or video for phone breakpoint you can with the same component. (Thinking of edge cases 😀 )
I know we have all seen the viral tweet from Gal's twitter about him quitting after AI made a better Logo.
I decided to write ✍ about it here https://janedesigner.substack.com/p/ai-models-are-not-your-career-obituary?r=74qqie
Mathematicians didn't retire after calculator were introduced, for my view Ai will change roles eg having more Design Engineers. 👌
😃 New Component alert !!!
Full Description
Ondula is a full-screen page loader built for brands that care about every detail including the two seconds before your page appears.
The entire animation runs on a single requestAnimationFrame loop with direct DOM writes no React re-renders during playback, no jank, no dropped frames.
Enjoy and have fun with it. 😃
😄 Go get your premium page loader Foyer for your website.
Add you images, change the background and * () Colour and you are ready to publish in your website.
New component alert!!
Pane Scroll is finally here to ensure you showcase your work in a premium way.
Used Gsap and parallax effect for the animation.
It took 4 days to finish it and ensure it's responsive to tablet and mobile devices.
Hope you enjoy!!
It's also has a new launch discount for a few days. Enjoy 😃
Another component cooking this week. I need to get some gsap animation good before I launch. But so far so good.
I thing that I ensure before I launch such complex component is:
1. Is it fully responsive on all devices?
2. Can you use CMS for the content?
Can't wait for you guys to try it.
What I loved the most is using:
TensorFlow.js - runs the machine learning model directly in the browser on the user's device. No photos are ever sent to a server. Everything is processed locally, in real time, which keeps the experience instant and completely private.
MediaPipe Selfie Segmentation (via TensorFlow.js backend) - identifies and isolates the person from their background with high accuracy, including fine detail around hair and edges. This is what makes it possible to remove your room and replace it with 1983 Rio without any manual masking.
Wanted to go back to different cities in the 80s. I used tensorflow libray to bring to life. Go try it out 😛
https://www.framer.com/community/contests/agents-hackathon/submissions/ZFg2dUYPFhgywAgSjW9hW/
