❤️ Creative Tim Club - Access all our Present & Future Premium Products

Free Bootstrap UI Kit

Product description


Free Bootstrap 3 UI Kit, the best starting point for any online project you are building. It magically offers responsive design and easy to use elements. It has became a trademark for the online community of a clean and nice looking interface.

Using Bootstrap straight out of the box doesn't solve design. The team behind Creative Tim strongly believes in this argument and has made this kit following this perspective. Customization is vital for any project using Bootstrap.

So how can you enjoy the Bootstrap benefits and have a facelift for your project? Simply import the Get Shit Done Kit into your project or start building on top of it. It easy to use and integrate.

Bootstrap 3 support

Get Shit Done Kit is a beautiful resource built for Bootstrap. We have redesigned all its components to make it look flat, minimalist and easy to use. The Get Shit Done Kit fully supports Bootstrap 3.

Easy integration

Using it is very simple and it will enable you to refresh you classic looking application. We provide all the necessary CSS resources. To get going, just include 'css/get-shit-done.css' in your HTML template. Your project will get the new look.

Fresh looking color scheme

Every element in the Get Shit Done Kit follows a fresh color scheme going from azzure blue to bright red. Check out the live preview to see the great effect!

Tutorial & Components

To get you started with the kit, check out the tutorial. It starts with the basic to help you.

If you want to see the documentation for the components used inside Get Shit Done Kit, you can find further description here components

Images

All 'Get Shit Done' images belong to guys at Mi Goals. We want to thank them again for letting us use them inside the kit and for inspiration.


So expand you audience, get a new look and enjoy the benefits of having a great looking site! Most importantly, take care of business and Get Shit Done!

Product certified by: Creative Tim
Get Shit Done Kit - Fully Coded and Responsive HTML5
Get Shit Done Kit - Crafted with Bootstrap - the most popular Front End Framework
Downloads
64,907
Version
1.4.1
Changelog
Updated
7 years ago
Released
9 years ago
Reviews
Star
Handcrafted Elements
22
Customized Plugins
3
Example Pages
1
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Get Shit Done Pro. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

What is in Demo? What is in PRO Version?
Elements 22 160
Plugins 3 15
Examples Pages 1 8
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

123 Web Developers commented on this product

dninkovic02
  • downloaded
8 years ago

Can anyone help me with the baisic stuff? Is the code baisicly like for Bootstrap 3 or...?

alexpaduraru
  • owner

@dninkovic02 thank you for using our product. Yes it is exactly like Bootstrap 3, the same code with a different design. You can find more about how to use Bootstrap 3 here: http://getbootstrap.com/. All the best, Alex.
8 years ago

gamerz2012
  • downloaded
8 years ago

hello

gamerz2012
  • downloaded
8 years ago

can somebody help me how i need to do this do i just set the file in my bootstrap file?

alexpaduraru
  • owner

@gamerz2012 thank you for using our product. You need to download the archive then you have a file "template.html" which has all the links to bootstrap and to our style already integrated. You can start adding there the components that you want from the components.html page or from indes.html. Hope this helps you. Best, Alex!
8 years ago

johnthomastaylor
  • downloaded
8 years ago

This is great! Does anyone know why launching the modal "shifts" the screen to the right by 10px or so?

alexpaduraru
  • owner

@johnthomastaylor thank you for using our product. We've checked and it looks like there is an issue between the Scrollbar that is visible on Windows OS and the Scrollbar that is not visible inside Mac OS. So please go to the end of assets/css/gsdk.css and write this code: .navbar{ -webkit-transition: background-color, padding-top 300ms linear; -moz-transition: background-color, padding-top 300ms linear; -o-transition: background-color, padding-top 300ms linear; -ms-transition: background-color, padding-top 300ms linear; transition: background-color, padding-top 300ms linear; } then please go in assets/js/get-shit-done.js at line 81 or somewhere inside $(document).ready(...) function this code: var mac = navigator.platform.match(/(Mac|iPhone|iPod|iPad)/i) ? true : false; if (!mac) { $(".modal").on("show.bs.modal", function(){ $("nav, .footer").css("padding-right","17px"); }).on("hidden.bs.modal", function(){ $("nav, .footer").css("padding-right","0") }); } In this way we will check if the user is on Mac OS and based on that we will add and remove the extra space when the modal shifts. Please let us know if that was working. Best, Alex!
8 years ago

arch1ve
  • downloaded
8 years ago

There is an issue when, sometimes, the dropdown menus aren't centered under the buttons, especially in the navbar. The only temporary fix I could find was adding: translate: transform(x%, 0) to the menus that had problems (x sometimes being negative).

alexpaduraru
  • owner

Anonymous Tim thank you for using our product. We've checked and you're right, the dropdown triangle is aligned to the center of the dropdown which is giving the "illusion" that the dropdown is also aligned to the center of the button. The default Bootstrap dropdowns (http://getbootstrap.com/components/#dropdowns) are not aligned to the center, they are either aligned to the left or to the right when used inside ".navbar-right". We've removed this design idea in the PRO version of this kit (http://gsdk.creative-tim.com/). So please go to gsdk-base.css on line 675 where is the ".dropdown-menu:after" and remove the "margin-left" property and change the "left:100%" with "left:10px". Please do the same for ".dropdown-menu:before" on line 664. Then the white triangle will be on the left side of the dropdown. If you use the dropdowns inside a "navbar-right" div please add also these rules: .navbar-nav.navbar-right > li > .dropdown-menu:after, .navbar-nav.navbar-right > li > .dropdown-menu:before{left: auto; right:12px}. In this way the white triangle will be aligned on the right side.
8 years ago

arch1ve
  • downloaded

@alexpaduraru I see your point, but this doesn't fix the problem when you actually want the triangle to be in the middle, right under the button (at least in the free version). Even though it is not good practice, using 'translate' seems the simplest solution. Thanks for the reply!
8 years ago

alexpaduraru
  • owner

Anonymous Tim you're right, if you want to have the triangle in the middle, your solution is the best one, otherwise some javascript need to be implemented to center the dropdown under the button. How I said, bootstrap is aligning it on the left or on the right side. Good luck with development! Best, Alex!
8 years ago

keus
  • downloaded
7 years ago

thx! will try to do the shit !

jonthue.michel
  • downloaded
7 years ago

LOL!!!!@"Our Boss is Gone" discount. I have to say that I love your guys sense of humor!

jonthue.michel
  • downloaded
7 years ago

I want to know if GSD can give me a transparent navbar!

alexpaduraru
  • owner

@jonthue.michel thank you for your interest in our product. Yes, the transparent navbar can be found here: http://demos.creative-tim.com/get-shit-done/navbar-transparent.html Best, Alex!
7 years ago

jonthue.michel
  • downloaded
7 years ago

What is the difference between the pro and regular kits? I am desiring to purchase

alexpaduraru
  • owner

@jonthue.michel The PRO Version is way bigger than the Free one, for example if you go upper on this page you will se a comparison between those 2 products. PRO has 160 components while the free has 22, PRO has 15 plugins, Free has 3, PRO has SASS LESS and PSD files for faster development and prototyping. Also, the PRO version has some ready to use Example Pages. More about the PRO here -> http://gsdk.creative-tim.com/ Please let us know if you need any further assistance. Best, Alex!
7 years ago

jonthue.michel
  • downloaded
7 years ago

@axelut if I am getting the regular GSD developer K what am I really getting with the price?

alexpaduraru
  • owner

If you get the Free version with Developer License you are allowed to create multiple websites that are sold to your clients.
7 years ago

You have to be logged in to post a comment. Login here.