Codebaseis a super flexible UI framework built
with Bootstrap 4, ECMAScript 6 (ES6) and Sass that will enable you
to build all kind of pages using the same fast and powerful layout.
It comes packed with 3 different versions, Get Started, HTML and
PHP to help you rocket start your project as soon as possible. A
Laravel Starter Kit is also included to help you build your Laravel
based project. It is created to save you time and be as lightweight
as possible. Completely modular with many unique features, it will
help you build your next awesome product.

Codebaseis a professional, modern, complete and
flexible UI framework that can be used to create the UI for all
kind of projects: Web Applications, Backend Websites, Websites,
Custom Admin Panels, Admin Dashboards, CMS, CRM or even a
Portfolio, Blog, Business Website. We encourage you to have a good
look at live preview and discover all the included features!

3.3 Update –
January 15, 2020



    • Boxed Dashboard Page color improvements
    • Main navigation color improvements
    • Typography (Nunito Sans replaced Muli font along with other
      various improvements)
    • Docs: Laravel Starter Kit section was updated with new

    • FontAwesome 5.12.0 (5.10.2) – 186 new icons!
    • Bootstrap 4.4.1 (4.3.1)
    • Bootstrap Colorpicker 3.2.0 (3.1.2)
    • Chart.js 2.9.3 (2.8.0)
    • Cropper.js 1.5.6 (1.5.5)
    • DataTables 1.10.20 (1.10.19)
    • Flatpickr 4.6.3 (4.6.2)
    • Highlight.js 9.16.2 (9.12.0)
    • Ion Rangeslider 2.3.1 (2.3.0)
    • jVectorMap Next 3.1.0 (3.0.0)
    • Popper.js 1.16.0 (1.15.0)
    • Select2 4.0.12 (4.0.10)
    • Simplebar 5.1.0 (4.2.1)
    • SweetAlert2 9.5.4 (8.17.1)
    • Laravel Starter Kit: Laravel 6.10.1 (6.0)

3.2 Update
– September 12, 2019


    • Elements/Components
    • Hosting Pages

    • Max width set to main content
    • Docs: Instructions were added for recreating demo pages in
      Laravel Starter Kit from the HTML version

    • Select2 multiple container height fix when selecting an

    • jQuery 3.4.1 (3.3.1)
    • FontAwesome 5.10.2 (5.8.1) – 58 new icons!
    • Bootstrap Colorpicker 3.1.2 (3.0.3)
    • Bootstrap Datepicker 1.9.0 (1.8.0)
    • SweetAlert2 8.17.1 (8.8.0)
    • Cropper.js 1.5.5 (1.5.1)
    • CKEditor 4.12.1 (4.11.3)
    • FullCalendar 3.10.1 (3.10.0)
    • Popper.js 1.15.0 (1.14.7)
    • Simplebar 4.2.1 (2.6.1)
    • jQuery Password Strength Meter 3.0.5 (3.0.3)
    • Summernote 0.8.12 (0.8.11)
    • jQuery Validation 1.19.1 (1.19.0)
    • Select2 4.0.10 (4.0.5)
    • JS Cookie 2.2.1 (2.2.0)
    • ES6 Promise 4.2.8 (4.2.6)
    • Laravel Starter Kit: Laravel 6.0 (5.8)

3.1 Update –
April 4, 2019


    • Elements/Components
      • New Bootstrap Features
    • Generic Pages
    • Widgets
    • Laravel Starter Kit: DataTables Page Example

    • Landing page hero design

    • ‘border-primary’ class now works with color themes

    • Bootstrap 4.3.1 (4.1.3)
    • Font Awesome Free 5.8.1 (5.5.0) – 213 New Icons!
    • 10 plugins/libraries
    • Laravel Starter Kit: Laravel 5.8 (5.7)

3.0 Update –
December 6, 2018


    • Laravel Starter Kit
    • Custom JavaScript code was rewritten in ES6 syntax (webpack and
      Babel support is introduced)

    • Bootstrap Notify plugin: You can now trigger notifications
      programatically through the included JS helper
    • Open/Close block API now uses ‘d-none’ class instead of jQuery
      hide() and show() functions
    • Codebase will now automatically use the correct icons for its
      components (eg Main Navigation arrow icons) when you are using Font
      Awesome 5 Free or Pro versions
    • Table checkable helper optimizations
    • Landing page hero design

    • SweetAlert2 deprecation console messages
    • Select2 placeholder not visible
    • Removed helper classes for versions lower than IE10

    • Bootstrap 4.1.3 (4.1.1)
    • Font Awesome Free 5.5.0 (5.1.0) – 189 New Icons!
    • 12 plugins/libraries

2.2 Update –
July 10, 2018


    • Real Estate Pages

    • Muli web font is now the default font
    • Main Navigation spacing and typography
    • Notifications dropdown spacing and typography
    • Modal backdrop background color is now based on current color
    • Sidebar is now slightly bigger by default
    • All plugins are now installed through npm for easier

    • Accordion functionality in FAQ page
    • Letter spacing for ‘text-uppercase’ class
    • Box-shadow when Sidebar position is set to right

    • Bootstrap 4.1.1
    • Font Awesome Free 5.1.0
    • 5 plugins/libraries

2.1 Update –
April 28, 2018


    • Dashboards
      • 6 Dashboards (Moved/Integrated from Get Started version into
        main versions – PHP/HTML)
    • New documentation design
    • New Gulp Tasks (added build-in web servers with auto refresh
      and file compilation for both versions)
    • (it now populates selected file names into the design
    • Notifications Dropdown (backend pages in header)

    • Letter spacing, color contrast and layout spacing
    • User’s name now becomes an icon on mobiles to free up space
      (backend pages in header)
    • Custom Table Tools helper now works better with links/buttons
      in clickable table rows
    • Custom SCSS overrides are now easier with the new custom/
    • Sass files now compile to both minimized and full versions of
      all CSS files
    • Gulp Tasks refined and improved
    • Added a package-lock.json file which helps installing the exact
      same dependencies versions as the ones we use (this helps by making
      sure everything works as intended)
    • Landing page design

    • Bootstrap Colorpicker demo examples in Form Plugins page
    • .sidebar-mini-hidden-b class works correctly now
    • #page-loader no longer appears when printing a page
    • Removed .btn-circle class from mobile navigation toggle button
      (in Minimal Dashboard)

    • Bootstrap 4.1
    • 14 plugins/libraries

2.0 Update –
January 24, 2018


    • Bootstrap 4.0 Final Stable version integration
    • 6 Get Started Pages
    • 4 Crypto Pages
    • Font Awesome 5 Support

    • Themed block options styles now work even if they are added in
      a .block-content and not only in .block-header of a .block
    • Hand cursor is now used when hovering over block option buttons
      to follow Bootstrap 4 approach

    • body { text-align: right; } was added in RTL example pages in
      Get Started version
    • Button groups toggle styles fixed
    • uiHelperNotify() helper for Bootstrap Notify plugin was updated
      accordingly to support Bootstrap 4 grid classes and display
      notifications correctly on mobiles
    • .btn-noborder hover and focus styles were fixed
    • .fa-li class (used for icon lists) position fixed

    • Bootstrap 4.0 Final Stable
    • 7 plugins

1.4 Update –
December 1, 2017


    • e-Learning Pages

    • slidesToScroll option was added to Slick Plugin Helper and can
      be set with

    • Themed block options fixed when nested blocks are used

    • Bootstrap 4 Beta 2
    • 9 plugins

1.3 Update –
October 20, 2017


    • 3 Dashboard Pages
    • 8 Authentication Pages

    • Inverse style for block loading mode

    • 9 plugins

1.2 Update
– September 15, 2017


    • Boxed Backend
    • eCommerce Pages
    • Backend Generic Pages

    • The glass fixed header variation now gets its background color
      if the page is refreshed and the page is already scrolled down
    • ‘link-effect’ class now works only on bigger screen widths
    • ‘row-deck’ class now applies to ‘block’ classes and not to
      generic divs
    • Small fixes

    • 5 plugins

1.1 Update –
August 11, 2017


    • Bootstrap 4 Beta

Codebaseis the result of hundreds of hours of
design and development. It was built with extra care, based on the
valuable feedback received over the last few years. It follows the
best practices and uses the latest technologies. It will enable you
to build fast, reliable, user friendly web applications and
websites that will look great and work seamlessly across various
screens and devices. It will be a valuable tool that will help you
create the product that will provoke the emotions and credibility
you want for your business.

Key Features


Choose the one that better fits your project’s requirements.

Laravel Starter Kit

Build your custom Laravel project with the included starter
kit! It includes a few page examples and main assets ready to work
with Laravel Mix out of the box.

Get Started Version

A production ready version with boilerplate pages is included
in the package. It will help you rocket start your project.

RTL Support

Boilerplate RTL pages are also included in ‘Get Started’
Version to help you as a starting point for your RTL project.

Built with Sass

Codebase CSS framework was built with Sass following a
completely modular approach. It is easy to understand, customize
and extend to fulfill your needs or project’s requirements.

Automation (Gulp 4, webpack 4, Babel 7, Browsersync,

Codebase comes packed with the latest tools already set up to
work out of the box. Just a console command away from start coding
your project. You don’t have to think about ES6 or Sass
compilation, CSS prefixes, web server or live refreshing.
Everything just works, so you can focus on your work.

Bootstrap 4

Codebase is based on the latest version of the most popular
HTML, CSS, and JS framework. It is a major rewrite of almost the
entire project and comes packed with lots of changes and features
that make it the coolest release till now.


Flexbox is now the default layout module used throughout the
Bootstrap framework. Due to this feature, creating complex layouts
and aligning elements is now easier than ever.

Clean Code

Working with someone else’s code can become uncomfortable and
make you unproductive. We strive to ensure that your experience
with Codebase will be the exact opposite.

Powerful Layout

Codebase’s layout is really unique, adaptive and flexible. It
enables you to create all kinds of pages that look great and work
seamlessly across mobile and desktop devices.

Super-Fast UI

GPU powered sidebar animations and smart CSS styles will ensure
a super-fast experience for your mobile and desktop users.

Custom JS APIs

Manipulate blocks and layout any way you want with simple
function calls.


Carefully picked and integrated third-party JS components that
will enrich your pages with custom functionality. Completely
modular design, use only the ones you need.

Ready Pages

All kinds of ready pages designed with attention to detail. Get
inspired and create your own.


In the package, you will find the Codebase Docs which can
become a valuable tool in getting familiar with the overall
structure and helping you start your project faster.


We get to know you better by continuously listening to your
feedback. This way, we learn where to focus our efforts and
build/improve quality products to better match your needs.



We are passionate with what we do and love crafting products
that can make your life easier and help you succeed. We pay
attention to small details and always aiming for the best.


We are committed to our work and stand by our projects. Our aim
is to improve them in every update and offer the most full-featured
packages with the smallest possible footprint.

Less is More

We believe that design should be invisible and enhance the user
experience, not get in the way. This gives room for your content to
breath and attracts your users’ attention to the right place.


well commented & documented, you might need
some further help, so feel free to contact us through our . We will
be more than happy to assist you as soon as possible!


  • The content in the template is fictional and doesn’t represent
    actual functionality unless it is stated otherwise. It is used only
    for demonstration and for populating the pages with examples.
  • provides awesome free images. Thanks to its
    license, all the images are included with the template!
  • provides avatars for demonstration purposes.
    Avatars are included only in the live preview.
  • generates random user names. The names used in the
    template are fictional and used for demonstration purposes.

 Vote 205
 Rate 5
  0.0 USD
 View Demo
Codebase – Bootstrap 4 Admin Dashboard Template & Laravel 6 Starter Kit

Download - Codebase – Bootstrap 4 Admin Dashboard Template & Laravel 6 Starter Kit

  Download this file @ (