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 8 Starter Kit is also included to help you build your Laravel 8 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!
4.3 Update – September 17, 2021
- Update code indentation (from 4 to 2 spaces)
- 10 dependencies updated to their latest version
- Laravel Starter Kit: Laravel 8.61.0 (8.47.0)
4.2 Update – June 16, 2021
- Sidebar now hides smoothly on window resize
- Custom controls text alignment
- Form material select boxes now render correctly in Safari
- Sidebar content is now visible in mobile Safari
- + 14 dependencies updated to their latest version
- Laravel Starter Kit: Laravel 8.47.0 (8.27.0)
4.1 Update – February 11, 2021
- NEW FEATURES
- Bootstrap 4.6.0 (4.5.3)
- + 11 dependencies updated to their latest version
- Laravel Starter Kit: Laravel 8.27.0 (8.10.0)
- Laravel Starter Kit: Laravel Mix 6.x (5.x)
4.0 Update – October 15, 2020
- NEW FEATURES
- Main layout is now flex based
- Activity page was broken into multiple page examples (Progress, Alerts, Dialogs, Notifications, Loaders)
- Alerts design (+ new examples)
- Improved RTL support in Get Started page examples
- Focus state for block buttons/links was improved
- SimpleMDE Editor FontAwesome conflict
- .blur() to trigger(‘blur’) in JS code
- Bootstrap 4.5.3 (4.4.1)
- jQuery 3.5.1 (3.4.1)
- Bootstrap Maxlength 1.10.0 (1.6.0)
- Font Awesome 5.15.1 (5.12.1) – 70 new icons
- FullCalendar 5.3.2 (3.10.1)
- CropperJS 1.5.9 (1.5.6)
- CKEditor 4.15.0 (4.12.1)
- DataTables 1.10.22 (1.10.20)
- Dropzone 5.7.2 (5.7.0)
- Flatpickr 4.6.6 (4.6.3)
- jVectorMap 3.1.1 (3.1.0)
- jQuery Validation 1.19.2 (1.19.1)
- Pwstrength-bootstrap 3.0.9 (3.0.5)
- Summernote 0.8.18 (0.8.12)
- SweetAlert2 10.5.1 (9.10.0)
- SimpleBar 5.3.0 (5.1.0)
- Laravel Starter Kit: Laravel 8.10.0 (7.1.0)
3.4 Update - March 12, 2020 3.3 Update - January 15, 2020 3.2 Update - September 12, 2019 3.1 Update - April 4, 2019 3.0 Update - December 6, 2018 2.2 Update - July 10, 2018 2.1 Update - April 28, 2018 2.0 Update - January 24, 2018 1.4 Update - December 1, 2017 1.3 Update - October 20, 2017 1.2 Update - September 15, 2017 1.1 Release - August 11, 2017
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.
HTML & PHP
Choose the one that better fits your project’s requirements.
Laravel 8 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.
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 5, 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.
Codebase is based on 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.
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.
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.
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.
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.
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!
- 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.