Best of UI/UX — November 2024
- 1
- 2
- 3
Dev Squad·2y
Animate SVGs Without Code! 🚀 Meet SVGator – Your New Animation Toolkit 🖌️✨
SVGator allows you to animate SVG designs without any coding through a drag-and-drop interface. You can create interactive animations triggered by clicks and scrolls, and export them in various formats like SVG, Lottie, GIF, or video. It's ideal for enhancing UI/UX on both web and mobile platforms.
- 4
Kevin Powell·2y
Stop Writing Extra Code: HTML Inputs Are More Powerful Than You Think
Developers often overlook the capabilities of HTML inputs and CSS. For example, number inputs can be limited using min and max attributes. CSS pseudo-classes like 'in-range' can enhance user feedback. The color picker input allows users to choose colors from any open window. There's an array of native input features and pseudo-classes that can enrich user interfaces.
- 5
Medium·2y
Design System from scratch in Flutter
This post provides a detailed guide on creating a design system from scratch in Flutter to share design code across mobile, web, and desktop apps. It covers the steps from defining atomic parts like colors and shadows to developing themes and components such as buttons and text fields. The post also explains how to manage theme modes and assets independently, and ends by emphasizing the importance of testing the design system.
- 6
Codrops·2y
Case Study: ChainGPT Labs
Explore the creative journey behind ChainGPT Labs, developed by Sigma Software Design, showcasing the development of a visually cohesive and functionally advanced platform for Web3 startups. Highlights include branding, 3D design, and interactive web development using tools like Webflow, GSAP, and FFmpeg. The cohesive visual identity, incorporation of 3D elements, and experimental layout designs demonstrate innovative solutions tailored for the Web3 ecosystem.
- 7
Community Picks·2y
🚀 Coming Soon: Eldora 2.0 – The Future of Page Design
Eldora 2.0 introduces a suite of powerful components aimed at revolutionizing web page design. This update features enhanced layouts, game-changing components, interactive buttons, stunning text animations, and visually captivating backgrounds. With tools like the Testimonial Slider, 3D Cobe Globe, and Spotlight Button, developers and designers can create immersive user experiences and modern designs effortlessly.
- 8
Dribbble·2y
5 creative effects to upgrade your animated portfolio
An engaging portfolio can set you apart in visual media professions like web design and motion graphics. This post explores five key animation effects—hover effects, animated carousels, on appear animations, animated transitions, and scroll-triggered effects—that can enhance user experience and attract more attention to your work. Tools like Framer make it easy to implement these animations, helping creative professionals showcase their talents effectively.
- 9
Graphite.dev·2y
How we redesigned Graphite's landing page in-house
A team redesigned Graphite's landing page in-house to create a compelling and memorable user experience. By experimenting with neon lighting and incorporating user feedback, they achieved a visually distinctive design that aligns with Graphite's brand. The process involved creative engineering to balance visual impact and performance across devices, with a focus on iterative improvement and close collaboration between design and engineering teams.
