Codebase is 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 7 Starter Kit is also included to help you build your Laravel 7 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.

Codebase is 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.4 Update – March 12, 2020

• NEW FEATURES
  • Laravel Starter Kit is now based on Laravel 7
• IMPROVEMENTS
  • Default grid gutters are now smaller on mobiles to match with main content’s padding
• FIXES
  • Small fixes to _theme.scss mixin and to Profile Edit page markup
• UPDATES
  • FontAwesome 5.12.1 (5.12.0) – 8 new icons!
  • Dropzone 5.7.0 (5.5.1)
  • Gmaps.js 0.4.25 (0.4.24)
  • Popper.js 1.16.1 (1.16.0)
  • Select2 4.0.13 (4.0.12)
  • SweetAlert2 9.10.0 (9.5.4)
  • Laravel Starter Kit: Laravel 7.1.0 (6.10.1)

3.3 Update – January 15, 2020

• NEW FEATURES
  • Blog Widgets
  • Profile Edit Page
  • Chat Multiple Alternative Page
• IMPROVEMENTS
  • Landing Page refactored and improved
  • 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 info
• UPDATES
  • 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

• NEW FEATURES
  • Elements/Components
    • Datetimepicker
  • Hosting Pages
    • Dashboard
    • Emails
    • Account
    • Support
• IMPROVEMENTS
  • Max width set to main content
  • Docs: Instructions were added for recreating demo pages in Laravel Starter Kit from the HTML version
• FIXES
  • Select2 multiple container height fix when selecting an item
• UPDATES
  • 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

• NEW FEATURES
  • Elements/Components
    • Hero Bubbles
    • Nestable2
    • New Bootstrap Features
      • Toasts
      • Spinners
      • Modal XL
  • Generic Pages
    • Installation
    • Status
  • Widgets
    • Media
  • Laravel Starter Kit: DataTables Page Example
• IMPROVEMENTS
  • Landing page hero design
• FIXES
  • ‘border-primary’ class now works with color themes
• UPDATES
  • 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

• NEW FEATURES
  • Laravel Starter Kit
  • Custom JavaScript code was rewritten in ES6 syntax (webpack and Babel support is introduced)
• IMPROVEMENTS
  • 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
• FIXES
  • SweetAlert2 deprecation console messages
  • Select2 placeholder not visible
  • Removed helper classes for versions lower than IE10
• UPDATES
  • 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

• NEW FEATURES
  • Real Estate Pages
    • Dashboard
    • Listing
    • Add new Listing
  • Page overlay (closes Side Overlay on click)
  • Onboarding Modal
  • Password Strength Meter
  • Accordion
• IMPROVEMENTS
  • 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 theme
  • Sidebar is now slightly bigger by default
  • All plugins are now installed through npm for easier updating
• FIXES
  • Accordion functionality in FAQ page
  • Letter spacing for ‘text-uppercase’ class
  • Box-shadow when Sidebar position is set to right
• UPDATES
  • Bootstrap 4.1.1
  • Font Awesome Free 5.1.0
  • 5 plugins/libraries

2.1 Update – April 28, 2018

• NEW FEATURES
  • Dashboards
    • Backend Dark
    • Backend Medical
    • 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)
  • Bootstrap’s Custom File Input functionality (it now populates selected file names into the design automatically)
  • Notifications Dropdown (backend pages in header)
• IMPROVEMENTS
  • 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/ folder
  • 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
• FIXES
  • 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)
• UPDATES
  • Bootstrap 4.1
  • 14 plugins/libraries

2.0 Update – January 24, 2018

• NEW FEATURES
  • Bootstrap 4.0 Final Stable version integration
  • 6 Get Started Pages
    • Backend Classic
    • Backend Clean
    • Backend Social
    • Backend Corporate
    • Backend Minimal
    • Backend Pop
  • 4 Crypto Pages
    • Dashboard
    • Buy/Sell
    • Wallets
    • Settings
  • Font Awesome 5 Support
• IMPROVEMENTS
  • 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
• FIXES
  • 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
• UPDATES
  • Bootstrap 4.0 Final Stable
  • 7 plugins

1.4 Update – December 1, 2017

• NEW FEATURES
  • e-Learning Pages
    • Courses
    • Course
    • Lesson
  • Scrum Board Page
  • Summernote Editor
• IMPROVEMENTS
  • slidesToScroll option was added to Slick Plugin Helper and can be set with data-slides-to-show attribute
• FIXES
  • Themed block options fixed when nested blocks are used
• UPDATES
  • Bootstrap 4 Beta 2
  • 9 plugins

1.3 Update – October 20, 2017

• NEW FEATURES
  • 3 Dashboard Pages
    • Dashboard 2
    • Dashboard 3
    • Dashboard 4
  • 8 Authentication Pages
    • Sign In 2
    • Sign In 3
    • Sign Up 2
    • Sign Up 3
    • Password Reminder 2
    • Password Reminder 3
    • Lock Screen 2
    • Lock Screen 3
  • Todo Page
• IMPROVEMENTS
  • Inverse style for block loading mode
• UPDATES
  • 9 plugins

1.2 Update – September 15, 2017

• NEW FEATURES
  • Boxed Backend
    • Dashboard
    • Search
    • 10 Hero Variations Pages
  • eCommerce Pages
    • Dashboard
    • Orders
    • Order
    • Products
    • Product Edit
    • Customer
  • Backend Generic Pages
    • Blog
    • Story
    • Project List
    • Project
    • Upgrade Plan
    • Team
    • Contact
  • Chat Multiple
  • Chat Single
  • Form Wizard
  • Image Cropper
• IMPROVEMENTS
  • 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
• UPDATES
  • 5 plugins

1.1 Update – August 11, 2017

• UPDATES
  • Bootstrap 4 Beta

Codebase is 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

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

Laravel 7 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, Autoprefixer)
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
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.

Components
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.

Documentation
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.

Feedback
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.

Handcrafted Design

Passion
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.

Commitment
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.

Support

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

Notes/Credits

• 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.
• MyPhotoPack provides awesome free images. Thanks to its license, all the images are included with the template!
• Avatars are included only in the live preview as a demonstration.
• Uinames.com generates random user names. The names used in the template are fictional and used for demonstration purposes.