Here's a simple little Button UI Kit for you guys to get you started with your web applications. It includes tick, cross, and add buttons, as well as 2 different types of regular buttons. It also includes a Photoshop PSD like always and is in vector format so you can re-scale this to any size if needed.
@Matt Gentile The shadows on this look amazing. I looked at the PSD and was wondering how you make the shadows for the circle buttons for instance? Just stretch the shape vertically and add a mask to it?
@Anton Kudin , My next CSS3 UI Kit will contain the shadows. So I can finally show everyone how easy it is.
- Just a little hint, you can use the pseudo ::before and or ::after element to accomplish this with a little z-index configuration. When I release my next coded kit, I will show how to get it just right as well. Just don't expect some things to work in IE or FF tho.
35 Responses (page 1 of 2)
Grab the free PSD here: http://www.icondeposit.com/design:59
Here's a simple little Button UI Kit for you guys to get you started with your web applications. It includes tick, cross, and add buttons, as well as 2 different types of regular buttons. It also includes a Photoshop PSD like always and is in vector format so you can re-scale this to any size if needed.
about 1 year ago
Nice mate!!!
about 1 year ago
@Prakash Ghodke , Thanks man!
about 1 year ago
Very cool. I love the depth and shadows.
about 1 year ago
great job
about 1 year ago
@Ashton Harris & @opos Thanks guys!
about 1 year ago
nice
about 1 year ago
@Avinash Tripathi Thanks :)
about 1 year ago
Looks very clickable, excellent :)
about 1 year ago
Well done, Matt!!
about 1 year ago
WOW! Clickedy click! I really like it
about 1 year ago
So sharp!
about 1 year ago
Wow. I want to push those buttons so bad. And kiss them. And lick them. And love them.
about 1 year ago
Nice shadows. ;)
about 1 year ago
@Rakesh
@Gert Jan Lodder
@Angelos Arnis
@Tanveer Junayed
@Trent McBride
@Eduardo Santos
Thanks everyone! Glad you like this :)
about 1 year ago
@Matt Gentile The shadows on this look amazing. I looked at the PSD and was wondering how you make the shadows for the circle buttons for instance? Just stretch the shape vertically and add a mask to it?
about 1 year ago
@Sam Vermette Thanks man!
It's a motion blur with a little lovin ;)
about 1 year ago
Dude you really know how to show the dimension who's boss
about 1 year ago
@Alex Parker ⇢ ☁ lmao
about 1 year ago
cool again!
about 1 year ago
keep seeing UIs with deep shadow like this on dribbble. but yet to see it in an application. jusayin' :)
about 1 year ago
@buatoom Thanks :)
@Anton Kudin , My next CSS3 UI Kit will contain the shadows. So I can finally show everyone how easy it is.
- Just a little hint, you can use the pseudo ::before and or ::after element to accomplish this with a little z-index configuration. When I release my next coded kit, I will show how to get it just right as well. Just don't expect some things to work in IE or FF tho.
about 1 year ago
I love the lighting on these. Thanks!
about 1 year ago
@Joseph P. Albanese Thanks!
about 1 year ago
Not enough contrast to be usable, especially on the icons.
View these on a cheap screen and you can't see the icons at all.
about 1 year ago