Creating randomness with pure CSS | by Adir SL | UX Collective

Creating randomness with pure CSS | by Adir SL | UX Collective

Creating randomness with pure CSS | by Adir SL | UX Collective

Creating randomness with pure CSS | by Adir SL | UX Collective

Creating randomness with pure CSS | by Adir SL | UX Collective

Creating randomness with pure CSS | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Button differentiation done right | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Button differentiation done right | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Button differentiation done right | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Sora app icon: a visual breakdown | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Button differentiation done right | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Button differentiation done right | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Button differentiation done right | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

Sora app icon: a visual breakdown | by Adir SL | UX Collective

Figma: 5 ways to add animation to your designs | by Adir SL | UX Collective

How the tools we use change the products we design | by Adir SL | UX ...

Button by Adir-SL made with CSS | Uiverse.io

Switch by Adir-SL made with CSS | Uiverse.io

Mistakes designers do in Figma all the time | by Adir SL | Bootcamp ...

Is separation of concerns a goal or a lie? | by Adir SL | Feb, 2026 ...

The Go-To Guide for Custom Fonts with React and Tailwind CSS | by Caden ...

Mistakes designers do in Figma all the time | by Adir SL | Bootcamp ...

Collapsible DIV With Pure CSS | Learn computer coding, Coding tutorials ...

Randomness in CSS. | by Kacper Kula | hypersphere

5 things I learned from recreating a Google Maps screenshot | by Adir ...

Ultimate Guide to Color in UX/UI Design | by Christine Vallaure | UX Planet

Mastering Advanced Keyframes in CSS Animations | by Gulshan N | Stackademic

Creating a Instance Swap Component in Figma | by wina pradnyandari | Medium

Video and audio in Figma prototypes? No problem | by Anna Rzepka | UX ...

Randomness in CSS. | by Kacper Kula | hypersphere

Video and audio in Figma prototypes? No problem | by Anna Rzepka | UX ...

37 Visually Pleasing Ways to Use Accent Colors with Visual Guide | by ...

5 things I learned from recreating a Google Maps screenshot | by Adir ...

Video and audio in Figma prototypes? No problem | by Anna Rzepka | UX ...

Randomness in CSS. | by Kacper Kula | hypersphere

Eggs CSS by Adir SL on Dribbble

Creating a Responsive Tiled Photo Gallery with Pure CSS - DWUser.com ...

5 Things I Learned from Recreating a Google Maps Screenshot | by Adir ...

Usability as a best practice tool in UX design | by The UX Times ...

Creating a Responsive Tiled Photo Gallery with Pure CSS - DWUser.com ...

Creating Content Tabs with Pure CSS

How to Create a Toast Notification Using HTML and CSS | Step-by-Step Guide

Building Smooth Carousels with Pure CSS

Responsive HTML Table With Pure CSS - Web Design/UI Design - YouTube

List: Figma | Curated by Sriraksha Krishnamurthy | Medium

No 27. Vibe Coding as a Product Designer: Lessons Learned | by Yan Liu ...

From AI and Figma to grounding design practice | by Dariia Kucherenko ...

List: figma | Curated by Jana P | Medium

Date Picker UI by Adir SL on Dribbble

Create a Responsive Navbar/Header with Pure CSS

List: Figma | Curated by Allison Kachala | Medium

Case Study: Phone Contacts App by Adir SL on Dribbble

Create a Responsive Navbar/Header with Pure CSS

Making a tic-tac-toe game with 'randomness' using pure HTML and CSS ...

Top 10 UI/UX Design Trends Reshaping the Future in 2025 | by Kostya ...

Should motion design guidelines appear in Design Systems? Yes! | by ...

From AI and Figma to grounding design practice | by Dariia Kucherenko ...

The Law of Repetition: Designing for Consistency | by Incharaprasad ...

Figma’s New Dev Mode: A Game-Changer for Designers and Developers | by ...

Creating responsive mobile layouts with Pure.css - LogRocket Blog

Margin and padding : overview and rules | Medium

How to Create Pure CSS Card Design Using HTML and CSS

10 Examples of Generating Randomness with Code — Speckyboy

Fonts Similar to Horizon | Medium

Creating a Counter with HTML, CSS, and JavaScript (Source Code)

Responsive mobile layouts made easy with Pure.CSS

30+ Front-End Projects for Beginners with Source Code

Creating a Book Store Website Using HTML, CSS, and JavaScript

Lady Bug by adir-SL on DeviantArt

What is code splitting in Next.js? How does it improve performance ...

15 Hacks to Build Ultimate Filter UX/UI

Crafting Success: The Power of Mobile-First Design in Shopify Themes ...

Best Tool For Animated Gifs

Go to these sites for design inspiration: - X - Awwwards - Behance ...

Beyond the Blur: Figma’s Revolutionary Native Glass Effect Redefines UI ...

On Algorithmic Art - Creative Pinellas

15+ Bootstrap Gallery Examples