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
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.7 Update – October 12, 2023
Two Factor Alternative
Two Factor Classic
Various design improvements
Various small fixes
13 dependencies updated to their latest version
5.6 Update – July 5, 2023
5.5 Update – March 10, 2023
5.4 Update – December 6, 2022
5.3 Update – August 10, 2022
5.2 Update – July 15, 2022
5.1 Update – February 10, 2022
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.
Bootstrap 5Codebase 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.
No jQueryIt does not use jQuery for its core JS functionality which means that it can be used
in various JS frameworks with minimal effort.
Dark modeIt features a great looking, custom built dark mode for all its color themes and example pages.
HTML & PHPChoose the one that better fits your project’s requirements.
Laravel 10 Starter KitRocket start your custom Laravel project with the included starter kit!
includes a few page examples and main assets ready to work with Laravel Vite out of the box
RTL SupportGet Started RTL pages are also included to help you as a starting point for your RTL
Built with SassCodebase 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
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.
Clean CodeWorking 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 LayoutCodebase’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
Super-Fast UIGPU powered sidebar animations and smart CSS styles will ensure a super-fast
experience for your mobile and desktop users.
Custom JS APIsManipulate blocks and layout any way you want with simple function calls.
ComponentsCarefully 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.
Ready PagesAll kinds of ready pages designed with attention to detail. Get inspired and create
Font Awesome 6Codebase comes packed with the latest version of the most popular icon pack on
DocumentationIn the package, you will find the Codebase Docs which can become a valuable tool
getting familiar with the overall structure and helping you start your project faster.
FeedbackWe 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.
PassionWe 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.
CommitmentWe 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 MoreWe 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
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.