Today, I've started adding all my UI design tips to ! ✨
Yet there are still many tips to add, but it's so satisfying to see all my work compound over the past five months.
Just found this design gem 💎
Fully customizable isometric icons for posters, saas, presentations, etc.
Every interaction on the site is of top-notch quality. From animations to ui sounds!
→ by
@leyeConnect
@meandchimso
👏
UI/UX Tip ✨
Visually distinguish elements by applying unique shapes, colors, copies, and/or icons.
In that way, you ensure that visual hierarchy works perfectly and you avoid accessibility issues.
Upgraded to React 18 & Next.js 13 and I have to say it's the most over-complicated thing I've ever witnessed.
I've spent days fixing useless errors & not even close to production.
Why do we love to overcomplicate things as devs/designers/founders? 😢
I've built a tiny tool today! ✨
A free collection of popular SVG company logos for designs & websites.
Easily copy to your clipboard or download with 1-click.
→
Love smooth scroll transitions like this! ✨
Without the animation, you'd just glance at the mockup. But now, you "know" in which element to direct your focus.
Introducing the UI Skeleton Gallery!
Level up your wireframes, mockups, and placeholder content with our FREE collection of SVG skeleton elements.
✨ Dark or light mode
🌈 Customize the main color
📥 Export as SVG: Download or copy
→
One of the best design explorations I've ever seen 👏
Interactive isometric illustrations inspired by variable fonts. Such a smart way to create unique & customizable illustrations.
→
✨ New product launch ✨
Introducing
A super quick way to create engaging videos from boring static images (or videos) 📽️
Perfect for posting beautiful build-in-public updates, and presenting better your work on social media.
More info below 👇
I made for all my UI & UX tips!
It's gonna be a rich collection of byte-size lessons, in-depth UI reviews, and landing page teardowns.
There is still a lot of work to be done, but the first version is this 👇
UI/UX Tip ✨
Support icons with a subtle text
Icons can often confuse users or get misinterpreted by users.
Fix this accessibility issue is by adding a text label near the icon which will describe its usage.
A rare example of unique web design & excellent storytelling at the same!
• Minimal branding
• Smooth animations
• Explains the product/mission
• Tackles objections/pain points
• Showcases social proof
→