CSS3 UI Kit

by Matt Gentile

22

Comments

Sign Up

Next Design

Previous Design

or

Sign Up to download this file without Twitter

- Preview the code HERE

Here is my very first fully coded CSS3 UI Kit. This includes everything from a search box, checkboxes, radio buttons, and more! Everything is code! Enjoy :D

- It works beautifully in Chrome and Safari, just expect some problems in IE, FF, and Opera.

REMEMBER: Since this is such a big freebie, you will need to link back to this site or post any time you decide to use this design.

You may NOT host this design elsewhere, you also may NOT sell this or release this elsewhere.

File Information

License: Creative Commons Attribution 3.0
Type of Design: Web Element
Layerd?: No
Minimum Adobe CS Version: N/A
Dimensions in Pixels: 400x300

Color Palette

Tags

box buttons checkbox chrome css css3 design dropdown free freebie html interface javascript jquery kit pagination radio resource search slider ui user

Comments

page 1 of 212next »

Jangla (guest) 21 Mar 2012 10:00

Very nice :D Slight issue in latest Chrome - search box doesn't line up with trigger button. Otherwise, very clean.

Matt Gentile 21 Mar 2012 19:27

Seems fine in Chrome for me, I have the latest version as well. The screenshot above was taken using the latest version of chrome. Also, the source code is provided for you, so feel free to alternate that part of the code to fit with what ever browser you are working with.

---

CEO of Icon Deposit
Take a look at me via Twitter, Dribbble, and Google +

Last edited on 21 Mar 2012 23:32 by Matt Gentile Show more

Arotaritei Vlad 23 Mar 2012 17:24

They are so cool and the upload button is actually working ;-)

Matt Gentile 23 Mar 2012 19:07

Thanks Man! I spent some extra time on this one ;)

---

CEO of Icon Deposit
Take a look at me via Twitter, Dribbble, and Google +

Vezu (guest) 24 Mar 2012 17:55

Nice, very nice

Matt Gentile 26 Mar 2012 15:30

Thanks!

---

CEO of Icon Deposit
Take a look at me via Twitter, Dribbble, and Google +

Nimsrules (guest) 27 Mar 2012 14:02

This is what I was looking for, gorgeous kit here. It can always help you reduce redundancy. Thanks for sharing.

Matt Gentile 28 Mar 2012 18:39

Your welcome, enjoy :)

---

CEO of Icon Deposit
Take a look at me via Twitter, Dribbble, and Google +

John (guest) 08 May 2012 16:08

Beautiful design here, and very clean code. But FYI - Both Safari and Chrome (latest, Mac) show the search box mis-aligned with the image, and the file upload text is pushed left into the button in Safari. Seems to be a font size issue, which is referenced in pixels in the CSS.

Matt Gentile 18 May 2012 19:57

Like I said, it works perfectly fine for me, The preview image was taken using the latest version of chrome. And this is only meant for the latest version Chrome. I've also looked at the preview code multiple times on multiple computers and on multiple screen resolutions, so it works fine.

---

CEO of Icon Deposit
Take a look at me via Twitter, Dribbble, and Google +

Last edited on 18 May 2012 19:59 by Matt Gentile Show more

mike (guest) 18 Jun 2012 18:46

Hi Matt,
beautiful design.
Seems the source is not possible to download, isn't it?
I copied down the css and html but it shows a little different - at least the slider control doesn't show up, either in Chrome or FF or IE.
The only difference I changed the code is I am using jquery-1.7.2.min.js.

Matt Gentile 19 Jun 2012 16:20

So you got it to work now? Also it works fine for me in the latest version of Chrome Beta.

---

CEO of Icon Deposit
Take a look at me via Twitter, Dribbble, and Google +

page 1 of 212next »

ads via BSA

More by This Author