210106_1776419883766_1037411411_31960678_116703_o

UI Kit

Shot_1296282860

31 Responses (page 1 of 2)

  1. 210106_1776419883766_1037411411_31960678_116703_o Raj Ramamurthy

    Tempted to release this…

    In case you haven't noticed: all of my recent shots are done almost entirely in CSS (this one has two images: the right part of the drop down, and the check mark). This is intended to be used in a web application, for example.

    Edit: released.

    likes

    over 1 year ago

  2. Ak Adrian Kenny

    Freaking hot.

    likes

    over 1 year ago

  3. 328_112809_l Zach Miller

    Love this.

    over 1 year ago

  4. Pro Herp_derp Jonathan Mazaltov

    @Adrian Not as hot as your mommy XD

    likes

    over 1 year ago

  5. Pro Morgan2 Morgan Allan Knutson

    Super nice, man.

    over 1 year ago

  6. Ak Adrian Kenny

    @Jonathan jeeeeeeeeeewish

    likes

    over 1 year ago

  7. Pro Herp_derp Jonathan Mazaltov

    @Adrian ICWUTUDIDTHUR.

    over 1 year ago

  8. Dribble Alan van Roemburg - The Gr...

    Nice!

    over 1 year ago

  9. Fotito Juan Gomez

    lovely.

    over 1 year ago

  10. Avatar2 Waseem Dahman

    Professional! :)

    over 1 year ago

  11. Me_new1 Matt Gardner

    the lay out of this is spot on, very cool !

    over 1 year ago

  12. Chris Christopher Downer

    This is great. I love it. I still think the knob of the slider should be the same as the circular push button though. It's a bit too fine to click on.

    likes

    over 1 year ago

  13. Pro Pic Benjamin De Cock

    Nice. You could even make the dropdown without any image actually ;)

    over 1 year ago

  14. Pro Me James ✌

    This is awesome!

    over 1 year ago

  15. Avatar-default Plain and Simple

    Your getting really good at design Raj, keep it up!

    over 1 year ago

  16. 210106_1776419883766_1037411411_31960678_116703_o Raj Ramamurthy

    Benjamin: I tried, but I couldn't figure it out without pseudo-elements and messy markup. Right now it's just a select tag.

    over 1 year ago

  17. Pro Drib7 Rick Murphy

    So slick.

    over 1 year ago

  18. Boom Jonatan Castro

    nice man!

    over 1 year ago

  19. Gutes-2-square Daniel Lindenkreuz

    Very neat. I love the matte style of the button.

    over 1 year ago

  20. 210106_1776419883766_1037411411_31960678_116703_o Raj Ramamurthy

    Released. Read the license.

    likes

    over 1 year ago

  21. Avatar Jamie Bicknell

    Very nice work Raj! It looks even more awesome actually in the browser. The only thing it needs is Firefox support, but that's very simple, just a case of porting the webkit specific CSS to moz, which we can do ourselves.

    Thanks for sharing, and if/when I use it, I'll be sure to send the link as per the license :)

    over 1 year ago

  22. Pro Ico Aubrey

    That's a pretty generous license Raj.
    *Hat tip*

    likes

    over 1 year ago

  23. Thumb

    Using Raj's UIKit as a base, I saw loads of shots of the new Lion UI online, so I thought I'd give it a try in webkit. Used one more image for the noise, to overlay the webkit gradient on the toolbar and button.

    over 1 year ago

  24. Pro Styled David Keegan

    I used your css for a site I'm building and the controls look awesome, thanks for sharing!
    http://dribbble.com/shots/124175-Status-Form

    about 1 year ago

  25. 4483_93271860801_669265801_2631422_7334166_n Court Kizer

    Raj:

    I've updated your UIKit so it works in firefox (without any js) fixed some line-height issues, and made sure it works with Safari 5.1 :-)

    Also added disabled states, and am considering removing the class names, so it just picks up on the textfield style by type="text" to stylize it.

    likes

    about 1 year ago

keyboard shortcuts: previous shot next shot L or F like