Life's easy with Medialoot.

Unlimited access for only $14/mo.

Designer CSS UI Kit

Designer CSS UI Kit : Image 1

This UI kit has been designed and hand-coded from scratch in HTML5 taking advantage of modern CSS3 techniques, it includes a range of common user interface elements and font stacks, which look beautiful in modern browsers and degrade gracefully in Internet Explorer.

This UI pack is ideal for any project and comes complete with interchangeable and customizable color schemes for dropping elements into existing projects or just using the pack as a framework for new projects. Only 2 images are used throughout the pack (the login padlock icon and the background pattern)

Version 1.1

Now with support for Chrome on Windows

Live Preview

livepreview

Free License

Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Please note:

  • Attribution is required for free items. For a non-attribution license, please become a member or buy the full version.
  • You may not distribute or offer this set for download on other websites. Promotion is always appreciated, but please send people to this page.

More from User Interface » Coded Elements

Nov 26th 11 0
$10
Nov 25th 130389 21
Free

Comments

  • Reply »
    web yaptırmak

    web yaptırmak

    I just want to congratulate you on an excellent css design kit.

    Thank you very much..

    Feb 23, 2011 at 1:55 pm
  • Reply »
    ruby

    ruby

    Really nice stuff as usual, unfortunately, Chrome *still* doesn’t render inset shadows properly and it doesn’t degrade nicely at all.

    Feb 23, 2011 at 6:46 pm
  • Reply »
    Tony Thomas

    Tony Thomas

    @ruby:

    We’re currently looking for a solution to the Chrome bug, unfortunately though as you mentioned, it is a problem with the rendering engine that the Windows version of Chrome uses that is causing the display bug.

    It has been fixed in the latest version of Chrome (still beta at the moment i think) but is still a problem so hopefully we can find an elegant solution targeting just the buggy versions very soon.

    Keep checking back for an updated version.

    Feb 23, 2011 at 8:53 pm
  • Reply »
    Tony Thomas

    Tony Thomas

    I’m very pleased to announce version 1.1 which fixes the Windows Chrome bugs

    Feb 24, 2011 at 11:12 am
  • Reply »
    ruby

    ruby

    thanks!

    Feb 24, 2011 at 10:26 pm
  • Reply »
    jaap de vries

    jaap de vries

    excelent css kit! one comment on tables in firefox…

    Border radius on tables in firefox does work, but not in combination with a background on the tr.
    Setting the background colors on the td makes it work nicely in firefox:
    tbody tr td { background: #fff; }

    Mar 7, 2011 at 1:04 pm
  • Reply »
    ruby

    ruby

    I did a quick test and it seems the newly released Chrome 10 renders inset shadows on rounded boxes properly for Windows now, hooray!! :)

    Mar 9, 2011 at 9:38 pm
  • Reply »
    Giselle

    Giselle

    This is beautiful. I can’t wait to use this :) Thanks so much.

    Apr 6, 2011 at 4:04 pm
  • Reply »
    rohit rox

    rohit rox

    awesome CSS kit…Thank you so so much…nice share !!!

    Jun 23, 2011 at 11:33 am

Leave a comment

Tag Cloud

Don't Miss Another Freebie - Sign Up for Our Newsletter!

Make sure you don't miss out on future free resources by signing up for our weekly newsletter.

Sign up to our Newsletter

Get site updates, freebies, and MediaLoot news.

Contact Us

Suggest a resource

FAQ

Attribution for free resources must be provided in conjunction any time the freebie is used, on the same page where the resource appears on your design. Or, you can purchase a premium version of the free resource.

See all