Codebase is a super flexible UI framework built with Bootstrap 5, ECMAScript 6 (ES6) and Sass that will enable you to build all kind of pages using the same fast and powerful layout. It does not use jQuery for its core JS functionality and features a great looking dark mode. It comes packed with 2 different versions, HTML and PHP to help you rocket start your project as soon as possible. A Laravel 10 Starter Kit is also included to help you build your Laravel 10 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!
5.5 Update – March 10, 2023
- Laravel Starter Kit: Laravel 10
- Striped table colors in DataTables
- 12 dependencies updated to their latest version
5.4 Update – December 6, 2022
- Bootstrap 5.2.3 (5.2.0)
- Laravel Starter Kit: Laravel 9.42.2 (9.23.0)
- 16 dependencies updated to their latest version
5.3 Update – August 10, 2022
- Forms with floating labels (plaintext and input groups examples)
- Button Groups
- Laravel Starter Kit: Vite integration
- Pass a function as a parameter in all Codebase.onLoad() functions (used in various .js files in assets/_js/pages)
- Bootstrap Colorpicker
- Bootstrap 5.2.0 (5.1.3)
- Laravel Starter Kit: Laravel 9.23.0 (9.20.0)
- 7 dependencies updated to their latest version
5.2 Update – July 15, 2022
- Poppins font is now self hosted
- Various small design improvements throughout the template
- Various small markup fixes
- 15 dependencies updated to their latest version
- Laravel Starter Kit: Laravel 9.20.0 (9.0)
5.1 Update – February 10, 2022
- Laravel 9 Starter Kit
- Font Awesome 6 (105 new icons)
- Checkout Page
- Email validation with dot rule
- Replaced sass with sass-embedded for faster compilation times
- Improved header overlay visibility
- 8 dependencies updated to their latest version
- Laravel Starter Kit: Laravel 9 (8.x)
5.0 Release - December 2, 2021
4.3 Update - September 17, 2021 4.2 Update - June 16, 2021 4.0 Update - October 15, 2020 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.
Codebase is based on the latest version of the world’s most popular front-end component library. It comes packed with amazing new features and utilities.
It does not use jQuery for its core JS functionality which means that it can be used in various JS frameworks with minimal effort.
It features a great looking dark mode for all its color themes and example pages.
HTML & PHP
Choose the one that better fits your project’s requirements.
Laravel 10 Starter Kit
Rocket start your custom Laravel project with the included starter kit! It includes a few page examples and main assets ready to work with Laravel Vite out of the box
Get Started RTL pages are also included 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.
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 was build with flexbox and is responsive, 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 will let you use only the ones you need in your projects.
All kinds of ready pages designed with attention to detail. Get inspired and create your own.
Font Awesome 6
Codebase comes packed with the latest version of the most popular icon pack on the planet.
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.