DEV Community

Cornea Florin
Cornea Florin

Posted on

26 6

Awesome looking soft UI button design

Top comments (21)

Collapse
 
victorioberra profile image
Victorio Berra

Now make it easy to add good looking text ;)

Collapse
 
florincornea profile image
Cornea Florin

hey Victorio, i just updated the pen with the text inside the wide button

Collapse
 
victorioberra profile image
Victorio Berra

Nice work!! Looks great.

Collapse
 
florincornea profile image
Cornea Florin

challenge accepted, Victorio :D

Collapse
 
ben profile image
Ben Halpern

Looks good

Collapse
 
florincornea profile image
Cornea Florin

Thanks Ben

Collapse
 
rcarlson profile image
Robert Carlson

feels soooooo good :P

Collapse
 
florincornea profile image
Cornea Florin

yeah i know Robert, it's addicting :))

Collapse
 
allanjeremy profile image
Allan N Jeremy

Sweet! Love how simple the CSS is.

Sidenote. If anyone is interested in this kind of design, you can check out Neumorphism

Collapse
 
florincornea profile image
Cornea Florin

thanks Allan, and great article on Neumorphism! :)

Collapse
 
victorioberra profile image
Victorio Berra

I love how simple the css is. I was expecting a ton of crazy custom stuff. It's refreshing!

Collapse
 
florincornea profile image
Cornea Florin

thanks for the support, i appreciate! :)

Collapse
 
crycx profile image
crycx

Nice buttons :)

Collapse
 
florincornea profile image
Cornea Florin

thanks :)

Collapse
 
faraazahmad profile image
Syed Faraaz Ahmad

Wow! I can't stop clicking it

Collapse
 
florincornea profile image
Cornea Florin

haha, thx :D

Collapse
 
hrefel profile image
Muhammad Refel Hidayatullah

so satisfy dude.. great job!

Collapse
 
florincornea profile image
Cornea Florin

thanks for the support, i appreciate! :)

Collapse
 
florincornea profile image
Cornea Florin

thanks Justin! :)

Collapse
 
florincornea profile image
Cornea Florin

thanks Nic! :)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

Instrument, monitor, fix: a hands-on debugging session

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️