Blocky Flat Vector UI Kit (Updated: Sketch/SVG)

This flat UI kit contains various widgets and block design elements for web projects. Included is a top bar, header, calendar, pricing table, video player, various form elements and more. In the pack you will find a well organised .psd file consisting entirely of vector shape and text layers.

Get access to thousands of SVG graphics without the coding headache at GlyphsCo.

Update: July 21 2014

Now included are .sketch and .svg versions of the UI Kit.

The .svg file should be compatible with most vector drawing applications, and the .sketch file is specifically for Bohemian Coding Sketch 3. Please let us know your thoughts on providing files in non-Adobe formats like these in the comments below. Thanks!

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.

Single Purchase

$5

  • Get instant access to this item after purchase
  • Stored in your Medialoot account to re-download when you'd like
  • Simple, flexible license that gives you powerful options for your design

Join Medialoot Premium

$14/mo

  • Get instant access to this item plus all of our other resources
  • Updates for your products as long as you're a member
  • Simple, flexible license that gives you powerful options
  • Unlimited access to Medialoot's entire collection with subscription
  • New items added regularly, and we love member suggestions
  • Cancel your membership anytime and for any reason
Join Now

More from User Interface » Design Elements

Comments

  • Reply »
    Philippe Dame

    Philippe Dame

    Tony, I love your work. Just FYI that we’re now transitioning fully to Sketch v3 for all our UI design work. SVG and native .sketch files are the most ideal for us and perhaps others - does Medialoot plan to work with Sketch in the future?

    Jul 16, 2014 at 9:36 am
    • Reply »
      Tony Thomas

      Tony Thomas

      Thanks Philippe I’m glad you like it! We definitely want to provide more Sketch-friendly resources in the future. I’m actually working on converting this kit to .sketch so keep an eye out for that in the next few days, and possibly a blog post too explaining how I did it!

      Jul 17, 2014 at 1:49 pm
  • Reply »
    Philippe Dame

    Philippe Dame

    Awesome. Please do share how to take great PSD kits and convert them.

    Jul 17, 2014 at 2:20 pm
    • Reply »
      Techy12345

      Techy12345

      I really don’t think MediaLoot should support anything but industry standard formats.

      You can convert PSD using Gimp, which runs on PC, Mac and Linux.
      Then you could probably import into whatever software you are using.

      Jul 18, 2014 at 1:01 pm
      • Reply »
        Tony Thomas

        Tony Thomas

        Hmm that’s really interesting. Ideally we don’t want to exclude any users, whichever software they decide to use.

        Jul 19, 2014 at 5:25 am
  • Reply »
    Philippe Dame

    Philippe Dame

    Sketch readily imports SVG so that format is just fine. Sketch gives you a few extras like well laid out artboards but it’s not a must.

    Jul 19, 2014 at 9:31 am
  • Reply »
    Tony Thomas

    Tony Thomas

    Now included are .sketch and .svg versions of the UI Kit.

    The .svg file should be compatible with most vector drawing applications, and the .sketch file is specifically for Bohemian Coding Sketch 3.

    Jul 21, 2014 at 6:44 am
  • Reply »
    Philippe Dame

    Philippe Dame

    Thanks Tony!

    Aug 11, 2014 at 5:04 pm
  • Reply »
    Feco

    Feco

    .svg not opening on Illustrator CS6.

    Jun 16, 2015 at 4:33 pm
    • Reply »
      Tony Thomas

      Tony Thomas

      That’s interesting, did Illustrator give an error at all? If you redownload the package I’ve just added an .ai file which should open in Illustrator CS4+

      Jun 17, 2015 at 4:42 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