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

Get Shit Done Pro

Get Shit Done Pro

Premium Bootstrap UI Kit

· 4.90/5 (158 Reviews)
Get Free Demo

Best Premium Bootstrap UI KIT

Product description


Get Shit Done Kit Pro it's a Bootstrap Kit that comes with a huge number of customisable components. They are not only designed to be pixel perfect and light but they are also easy to use and combine with other components.
It features an amazing sets of elements that are vital to any project. Everything you need to start your website is right here, looking as good as ever.

Beautiful bright colors

Each color has a strong pigment and was chosen to make your design shine. Each component from Get Shit Done Kit Pro can have one of these colors. Try on different combinations and be sure that everything works together. Get Shit Done Kit focuses on conveying the attention of your users to the important parts of the page and the actions. While keeping a light feel, the colors give the page an extra push.

Fully coded items

Don't spend time thinking of how to implement great items, they are already coded and easy to integrate. Every item comes in two forms: PSD element in the designer pack and HTML/CSS/JS implementation in the developer pack. To make the process of design seamless, switching from the image to the real page is extremely easy. We also offer the SCSS version you want to customize them. All items are intuitive and easy to follow. Besides, our documentation covers all possibilities of implementation. Built with Bootstrap one of the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. To see their full documentation, you can check it out at their page.

Pixel perfect icons

Thanks to our friend from Pixeden, they made a really great job with the stroke icons. You will love them the moment you see them integrated in all our items.

Layered Components

Every component is made of separate layers and neatly organised by folders. Elements have multiple states: colors, styles, hover, focus, which are easily accessible. Besides providing customisation, we also provide support and and easy-to-use PSD files. All changes to elements are easy to do and propagate to all states due to the smart object we used. On top of that, we offer a swatch components that contains all the colors and gradients from the Get Shit Done Kit Pro.

Examples

We have created a set of 8 pre-built pages that can give you a jump start into your development:

Product certified by: Creative Tim
Get Shit Done Pro - Fully Coded and Responsive HTML5
Get Shit Done Pro - Less Files for Professional Front End Developers
Get Shit Done Pro - Sass Files for Professional Front End Developers
Get Shit Done Pro - Photoshop Files for Professional Designers
Get Shit Done Pro - Crafted with Bootstrap - the most popular Front End Framework
Downloads
1,524
Version
1.4.3
Changelog
Updated
8 years ago
Released
9 years ago
Reviews
Handcrafted Elements
160
Customized Plugins
15
Example Pages
8
Premium Support
Documentation
Fully Responsive

Trusted by 2,481,569 developers and these companies

Freelancer

Good for a personal or client web/mobile app.

$39

Startup

Build your startup or client web/mobile app.

$99

Company

Perfect for web/mobile apps or SaaS projects.

$199

*one time payment - no hidden fees, no subscription

Creative Tim Club

Lifetime Access to all our Present & Future Premium Products!

$749 $349

Documentation   
Full Code   
Designer Files   
Use in SaaS   
Projects    1 1 unlimited unlimited
Team Size    1 up to 5 up to 20 up to 20
Tech Support    support support priority support priority support
Free Updates    6 months 12 months 12 months unlimited

Secured Payment by 2Checkout with:

Info: If you are a Registered Company inside the European Union you will be able to add your VAT ID after your Press "Buy Now"

Frequently asked questions

You can use our products to create an application where the end user is charged with a monthly/annually subscription plan (SaaS - Software as a Service).
The Freelancer license is aimed at people who work on their own. It grants you the right to use the purchased product only for one project (either yours or for a client). This license is not compatible with SaaS-based projects.

The Startup license is aimed at smaller teams. It grants you and your team (up to 5 people) the right to use the purchased product only for one project (either yours or for a client). This license is not compatible with SaaS-based projects.

The Company license is aimed at agencies or larger teams. It grants you the right to create other licensed products base on the template that you purchase form us. This license it's compatible with SaaS-based projects.

The Enterprise license is aimed at large companies with multiple projects. It grants you the right to create any kind of software, SaaS, digital products and sell them. For restrictions, please check here

Also, the differences between our 3 types of Licenses is given by the Tech Support / Free Updates availability and Team Size.

More info here.
The differences between the Free and Pro products consists of the number of components, plugins, sections, pages in each.

More info here.
You can upgrade from one license plan to the next one whenever you want simply by paying the cost difference. You only have to send us an email in which you specify the product that you have and the Order ID. We will give you an unique coupon for the upgrade.

More info here.
Yes, of course! You can use the PRO product for an open source project if you add in the Readme file (on github) or in the description of your product that you built the project using “X product from Creative Tim” and a link to the product page.

More info here.
You don't have any restrictions using the Enterprise License; you just cannot create products or businesses that are in direct competition to us using our products:

  • You can’t re-distribute the Item as stock, in a tool or template, or with source files. You can’t do this with an Item either on its own or bundled with other items. You can’t re-distribute or make available the Item as-is or with superficial modifications. For example: You can’t license an item and then make it available as-is on your website for your users to download.

  • You can’t use the Item in any application allowing an end-user to customize a digital or physical product to their specific needs, such as an “on-demand”, “made to order” or “build it yourself” application. You can use the Item in this way only if you purchase a separate License for each final product incorporating the Item that is created using the application. For example: you can't create a website builder.
Depending on the License you purchase, you can use our products to either code a website/web application for you, for a client, or for multiple clients, which will be hosted on one or multiple domains:

  • For example, if you purchased the Freelancer License or Startup License, you can create only one website (for you or a client). Same, if you have multiple subdomains, like "test.yoursite.com" or "dev.yoursite.com", you can use the Freelancer License or Startup License.

  • If you want to create multiple websites, you will need a bigger License (like Company or Enterprise). Same, if you have a complex application like a SaaS and have "client1.yoursite.com" and "client2.yoursite.com" and "clientx.yoursite.com", you will need a multi-domain License like Company or Enterprise.
Depending on the License type you purchased, one or more developers (from your team, for example) can access the product:

  • If you purchased the Freelancer License, only you (one developer) can use the product.

  • If you purchased the Startup License, up to 5 developers (including you) can use the product.

  • If you purchased the Company License, up to 20 developers (including you) can access the product.

  • If you purchased the Enterprise License, you can work with a bigger team - more than 20 developers can access the product.
Here are the steps to give product access to your team members.
It consists of the product technical manuals like getting started, build tools, and it also describes every component with code examples.
It means that you receive access to the entire code for HTML, JS, and SCSS files depending on the different packages of each product.
When you buy our products you have access to our Support Team so you can submit any ticket to us regarding product functionalities and bug fixes (learning and tutorials related requests are not included). You will get responses directly from the product’s creators in 24 hours for regular Support and in a couple of hours for Priority Support (during business days).
Depending on your license type, you have a determined period when you receive product updates that include bug fixes and new features.

More info here.
Please send us an email at [email protected]. We will send you an upgrade coupon for your desired Bundle, and you will only pay the price difference.
Yes, you can. It is available for all Licenses type as long as the support included in the License is still valid.

More info here.

Get Free Demo

Learn more about Get Shit Done Pro in the light demo version. It has features from the full version. We hope you will like this introduction to 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!

73 Web Developers commented on this product

ygs.singh 8 years ago

Hi. Just wanted to know if i buy the gem version from your partner site, i dont need to buy the personal edition which is for $39?

alexpaduraru
  • owner

@ygs.singh thank you for your interest in our product. If you get it from our partner website you don't have to buy another license from our site, what you get from our partner is enough. Please let us know if we can help you with anything else. Best, Alex!
8 years ago

lee.beers
  • downloaded
8 years ago

How would make the cards (video) taller? direct inline style did not seem to work,

alexpaduraru
  • owner

@lee.beers thank you for using our product. If you got the gsdk.css on line 4575 you will see there is a class ".card-background .video" which has a max-height: 300px. Please adjust that property with the value that you need.
8 years ago

lee.beers
  • downloaded

Thanks so much for your responsivness! I have this on line 4694 actually and no max-height. I do not think I modified since the file date is 12/17 (probably when purchased)
8 years ago

lee.beers
  • downloaded

(I will try adding the entry)
8 years ago

lee.beers
  • downloaded
8 years ago

Also.. how would one make the background of the navbar a jpg versus a fill?

alexpaduraru
  • owner

@lee.beers please write at the end of gsdk.css this property for the navbar ".navbar{background: url('url_to_your_image'}". Let us know if we can help you with anything else. Best, Alex!
8 years ago

lee.beers
  • downloaded

@Axelut - ok great and thanks again. I had tried earleir to do this inline but did not get the result, will try your direction.
8 years ago

lee.beers
  • downloaded
8 years ago

Team & @alexpaduraru , Thanks again and those helped. Another question - is there a wau to get the carousel to shrink automatically? I am trying to have a one-page no-scroll bar site but small screens still get a scroll bar.

alexpaduraru
  • owner

@lee.beers can you please send us on hello[at]creative-tim.com a link with your website to check what is the issue and give you a fix? Best, Alex!
8 years ago

lee.beers
  • downloaded
8 years ago

@alexpaduraru - I seem to have taken care of it enough but a mockup is here: caringprovider.info/m10.html Can you say under what circumstances do I need to use retina.js? Still trying to tweak load times and not wanting to fiddle with gzip on Amazon s3 becuse already launched but may consider.

alexpaduraru
  • owner

@lee.beers thank you for the link. You're making good progress. I've wanted to check the issue with the carousel but I cannot reproduce the horizontal scroll. You can use retina.js only if you have images that you want to show for iPad/iPhone/MacBooks or other devices that have a retina screen. So for example, if you have an image inside your website called "my_image.jpg" the library will check if your user is on a device with retina and will make another request to your server to look for "[email protected]" which has more pixels than the original image and will look better on retina displays. More info about this library can be found here: http://imulus.github.io/retinajs/. Hope this information helps you. Please let us know if we can help you with anything else.
8 years ago

nemoto.tadashi
  • downloaded
8 years ago

It seems that the login and sign up modal is not center when viewing from smart phones. How do I fix it?

alexpaduraru
  • owner

@nemoto.tadashi thank you for using our product. We've checked and you're right, the modal is not aligned because it has a max-width of 350px. Can you please write this code at the end of assets/css/gsdk.css "@media (max-width: 768px){ .modal-small .modal-dialog{ max-width: none; } }". This will fix it. All the best, Alex!
8 years ago

enriquezavaleta
  • downloaded
7 years ago

Hi, amazing work, congrats. If I want to use the GSDP in my personal website, a page of a store I own and in a landing page of an app I'm developing which is of my partner and I; will the personal lincense be OK? or do I need the developer one? And if I bougth the personal license and in a few months I need to buy the developer one, can I just pay the difference? Thank's PS. When using Autocomplete Tags in http://gsdk.creative-tim.com/components the last tag you add is also added at the end in the left corner of the page. Tested in Chrome and IE11

alexpaduraru
  • owner

@enriquezavaleta thank you for your interest in our product and sorry for the late response. You can use the Personal License for that case and in future if you want to upgrade to Developer you can simply pay the difference and we will update your license. We've checked the issue and your right, it appears at the end of the page, that's very weird :-)). We will find a quick fix and add it in the next patch update. Please let us know if we can help you with anything else. Best, Alex!
7 years ago

shibu.devasia
  • downloaded
7 years ago

Just wanted to know, once a button has performed (animated) the morphingButton, how to return back to the original state of the button?

alexpaduraru
  • owner

@shibu.devasia thank you for using our product. At this moment the reverse state is not implemented, so we recommend you to hide the "final state of the button" and add a new button using jQuery. Please let us know how is your current flow when the users press on that button and if we can assist you with the implementation. Best, Alex!
7 years ago

shibu.devasia
  • downloaded

It's a simple login & register modal. I animate the register button to success or error state based on the ajax validation. But once that is done, not able to set it back to register button, so that user can try again. Meanwhile I was just inspecting the morphingButton wrapper, looks like I have to write a script to remove all the added classes and return register button back to its state. :(
7 years ago

alexpaduraru
  • owner

@shibu.devasia I understand what you're doing, as a quick view yes you need to remove those classes but you also need to "show" the button again and "hide" the svg rotating circle. Please let us your progress. Keep in touch
7 years ago

shibu.devasia
  • downloaded

Thanks - just added another else if for (action==resetState) to the gsdk-morphing.js. .. .... }else if(option.action == 'resetState') { $item = $(this); $item.removeClass("resize").removeAttr('style'); $parent = $item.parent('.btn-morphing'); $parent.removeClass('morphing-' + state); $span = $parent.find('.fa'); $span.removeClass(icon).removeClass('visible'); $path = $parent.find('path'); $path.removeAttr('style'); $svg = $parent.find('svg'); $svg.removeAttr('style'); $item.text(option.title); } and then after the ajax validation called it: setTimeout(function(){ $button.morphingButton({ action: 'resetState', title: 'Register', icon: 'fa-times', state: 'error' }); }, 1000); Hope it helps someone!
7 years ago

alexpaduraru
  • owner

@shibu.devasia WOW, that's great! Thank you for provoding this solution. We will test it and if everything ia working fine we will update the core product so everybody will have access to it. Please let us know if you have any other feedback. Best, Alex!
7 years ago

shibu.devasia
  • downloaded
7 years ago

hey, @alexpaduraru I wanted a user profile and dashboard kind of stuff in my laravel app which is already using gsdk for the frontend static pages. What do you suggest, should I add the paper dasboard theme in for the users or it can be achieved by using gsdk? If yes any sample profile page is available, tks? Anyways I am planning to use paper dashboard for the admin/backend of the laravel app. Just don't want the same theme for the frontend users. What do you suggest?

alexpaduraru
  • owner

@shibu.devasia thank you for using our product. I wanted to recommend you to use Light Bootstrap Dashboard for the Admin Dashboard because it is the same Design Style as GSDK but you said you don't want the same design line so Paper Dashboard is the next option. Paper Dashboard has this page for the user profile: http://demos.creative-tim.com/paper-dashboard/user.html is this something that would help you? Best, Alex!
7 years ago

benevides.lecontes
  • downloaded
7 years ago

Hi! Thanks for this kit, I'm wondering how to do left menu instead right one?

alexpaduraru
  • owner

@benevides.lecontes thank you for using our product. Unfortunately, we don't have that feature implemented. This week our team is focusing on the release of MK Pro, so developing new features for other products is on hold. We can help you with the implementation of the left menu after the release. Please let us know if this is ok with you. Best, Alex!
7 years ago

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