DEV Community 👩‍💻👨‍💻

Designyff profile picture

Designyff

Creating UI components with step-by-step guide.

Education

Computer Science BSc

Work

Frontend Developer

Neon toggle button — Open/Close text

Neon toggle button — Open/Close text

Comments
3 min read

Want to connect with Designyff?

Create an account to connect with Designyff. You can also sign in below to proceed if you already have an account.

Already have an account? Sign in
How to create a send button with animation - Step-by-step

How to create a send button with animation - Step-by-step

Reactions 3 Comments
2 min read
How to create a snackbar wth close button - Tutorial

How to create a snackbar wth close button - Tutorial

Reactions 3 Comments
3 min read
Password input with label and hide/show toggle eye svg - A simple tutorial

Password input with label and hide/show toggle eye svg - A simple tutorial

Comments
5 min read
How to create a progress bar - Simple loader - A step-by-step tutorial

How to create a progress bar - Simple loader - A step-by-step tutorial

Reactions 3 Comments
2 min read
Beautiful card with blur background - Glass effect - A step-by-step tutorial

Beautiful card with blur background - Glass effect - A step-by-step tutorial

Reactions 2 Comments
2 min read
Pulsing loader - A step-by-step guide

Pulsing loader - A step-by-step guide

Reactions 6 Comments
2 min read
Beautiful goldish avatar using only one element - A step-by-step tutorial

Beautiful goldish avatar using only one element - A step-by-step tutorial

Reactions 2 Comments
2 min read
Beautifully shaped avatar - CSS only - A step-by-step tutorial

Beautifully shaped avatar - CSS only - A step-by-step tutorial

Reactions 2 Comments
1 min read
Simple avatar with status indicator - CSS only - A step-by-step tutorial

Simple avatar with status indicator - CSS only - A step-by-step tutorial

Reactions 6 Comments 1
2 min read
Simple dark snackbar - A step-by-step guide

Simple dark snackbar - A step-by-step guide

Reactions 1 Comments
2 min read
Delete button with confirmation - A step-by-step guide

Delete button with confirmation - A step-by-step guide

Reactions 2 Comments
3 min read
Add friend button - A step-by-step guide

Add friend button - A step-by-step guide

Reactions 1 Comments
2 min read
Submit button with rotation effect - CSS only - Step-by-step

Submit button with rotation effect - CSS only - Step-by-step

Comments
2 min read
Close button with animation - tutorial

Close button with animation - tutorial

Comments
2 min read
Beautiful contact by email button - A step-by-step guide

Beautiful contact by email button - A step-by-step guide

Reactions 1 Comments
2 min read
Scroll down animation - Tutorial

Scroll down animation - Tutorial

Reactions 5 Comments
2 min read
Step-by-step guide - Input with animation

Step-by-step guide - Input with animation

Reactions 4 Comments 1
3 min read
Neon toggle button - CSS - A step-by-step guide

Neon toggle button - CSS - A step-by-step guide

Comments
2 min read
Fullscreen menu with hover animation - A step-by-step guide

Fullscreen menu with hover animation - A step-by-step guide

Reactions 4 Comments
2 min read
Information hover button - Tutorial

Information hover button - Tutorial

Reactions 4 Comments
1 min read
Tooltip on hover - A step-by-step guide

Tooltip on hover - A step-by-step guide

Reactions 7 Comments
2 min read
Button with shine animation - Step-by-step guide

Button with shine animation - Step-by-step guide

Reactions 4 Comments
2 min read
Beautiful button animation

Beautiful button animation

Reactions 11 Comments 2
2 min read
Beautiful hover save button - How it's done

Beautiful hover save button - How it's done

Reactions 4 Comments
2 min read
Beautiful CSS pagination and how it's done

Beautiful CSS pagination and how it's done

Reactions 8 Comments 2
2 min read
ON/OFF Toggle button — step-by-step guide

ON/OFF Toggle button — step-by-step guide

Reactions 8 Comments 2
3 min read
Responsive menu using media queries - Tutorial

Responsive menu using media queries - Tutorial

Reactions 7 Comments
2 min read
Simple loader — A step-by-step guide

Simple loader — A step-by-step guide

Reactions 4 Comments
1 min read
Input with label using CSS - Tutorial

Input with label using CSS - Tutorial

Reactions 3 Comments
2 min read
Hover menu using CSS - A step-by-step guide

Hover menu using CSS - A step-by-step guide

Reactions 4 Comments 2
2 min read
Beautiful 3d button - A step-by-step guide

Beautiful 3d button - A step-by-step guide

Reactions 4 Comments
1 min read
loading...