PHPackages technobureau/ui - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Templating & Views](/categories/templating) 4. / 5. technobureau/ui ActiveLibrary[Templating & Views](/categories/templating) technobureau/ui =============== TechnoBureau UI views and complete authentication system. 0311PHP Since Aug 7Pushed 4y ago1 watchersCompare [ Source](https://github.com/TechnoBureau/ui)[ Packagist](https://packagist.org/packages/technobureau/ui)[ RSS](/packages/technobureau-ui/feed)WikiDiscussions master Synced 1mo ago READMEChangelogDependenciesVersions (1)Used By (1) TechnoBureau UI =============== [](#technobureau-ui) [![Total Downloads](https://camo.githubusercontent.com/e1e8b1cbc495962f66a58e330a3ecbc707cc20c18554bfbc6ac8e70ae3c78632/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f546563686e6f4275726561752f7569)](https://packagist.org/packages/TechnoBureau/ui)[![Latest Stable Version](https://camo.githubusercontent.com/298159ab3b6f2dbe96e951d9cd1f6e4259888fc914cc53f886f04dbda4a9587a/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f546563686e6f4275726561752f7569)](https://packagist.org/packages/TechnoBureau/ui)[![License](https://camo.githubusercontent.com/fd84c9a13b9ab5d12b20793aeb696ce0946d3dae15ed53b278bc61fd8e6af1e7/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f546563686e6f4275726561752f7569)](https://packagist.org/packages/TechnoBureau/ui) This legacy package is a very simple authentication scaffolding built on the Bootstrap CSS framework. While it continues to work with the latest version of Laravel. -------------------------------------------------------------------------------------------------------------------------------------------------------------------- [](#this-legacy-package-is-a-very-simple-authentication-scaffolding-built-on-the-bootstrap-css-framework-while-it-continues-to-work-with-the-latest-version-of-laravel) Introduction ------------ [](#introduction) While Laravel does not dictate which JavaScript or CSS pre-processors you use, it does provide a basic starting point using [Bootstrap](https://getbootstrap.com/), and / or [Vue](https://vuejs.org/) that will be helpful for many applications. By default, Laravel uses [NPM](https://www.npmjs.org/) to install both of these frontend packages. Official Documentation ---------------------- [](#official-documentation) ### Supported Versions [](#supported-versions) Only the latest major version of TechnoBureau UI receives bug fixes. The table below lists compatible Laravel versions: VersionLaravel Version[1.x](https://github.com/TechnoBureau/ui/tree/1.x)8.x### Installation [](#installation) The Bootstrap and Vue scaffolding provided by TechnoBureau is located in the `technobureau/ui` Composer package, which may be installed using Composer: ``` composer require technobureau/ui ``` Before executing this ui command execute default laravel/ui command to generate basic authentication scaffolding. ``` php artisan ui bootstrap --auth ``` Once the `technobureau/ui` package has been installed, you may install the frontend scaffolding using the `ui` Artisan command: ``` // Generate basic scaffolding... php artisan ui technobureau // Generate login / registration scaffolding... php artisan ui technobureau --auth ``` This package are depended on few vendor package, so execute below command to publish configuration file related to that package. Please make sure entered as 0 as input when publish command ask for provider or tag ``` php artisan vendor:publish ``` #### CSS [](#css) [Laravel Mix](https://laravel.com/docs/mix) provides a clean, expressive API over compiling SASS or Less, which are extensions of plain CSS that add variables, mixins, and other powerful features that make working with CSS much more enjoyable. In this document, we will briefly discuss CSS compilation in general; however, you should consult the full [Laravel Mix documentation](https://laravel.com/docs/mix) for more information on compiling SASS or Less. #### JavaScript [](#javascript) Laravel does not require you to use a specific JavaScript framework or library to build your applications. In fact, you don't have to use JavaScript at all. However, Laravel does include some basic scaffolding to make it easier to get started writing modern JavaScript using the [Vue](https://vuejs.org) library. Vue provides an expressive API for building robust JavaScript applications using components. As with CSS, we may use Laravel Mix to easily compile JavaScript components into a single, browser-ready JavaScript file. ### Writing CSS [](#writing-css) After installing the `technobureau/ui` Composer package and [generating the frontend scaffolding](#introduction), Laravel's `package.json` file will include the `bootstrap` package to help you get started prototyping your application's frontend using Bootstrap. However, feel free to add or remove packages from the `package.json` file as needed for your own application. You are not required to use the Bootstrap framework to build your Laravel application - it is provided as a good starting point for those who choose to use it. Before compiling your CSS, install your project's frontend dependencies using the [Node package manager (NPM)](https://www.npmjs.org): ``` npm install ``` Once the dependencies have been installed using `npm install`, you can compile your SASS files to plain CSS using [Laravel Mix](https://laravel.com/docs/mix#working-with-stylesheets). The `npm run prod` command will process the instructions in your `webpack.mix.js` file. Typically, your compiled CSS will be placed in the `public/css` directory: ``` npm run prod ``` The `webpack.mix.js` file included with Laravel's frontend scaffolding will compile the `resources/sass/technobureau.scss` SASS file. This `technobureau.scss` file imports a file of SASS variables and loads Bootstrap, which provides a good starting point for most applications. Feel free to customize the `technobureau.scss` file however you wish or even use an entirely different pre-processor by [configuring Laravel Mix](https://laravel.com/docs/mix). ### Writing JavaScript [](#writing-javascript) All of the JavaScript dependencies required by your application can be found in the `package.json` file in the project's root directory. This file is similar to a `composer.json` file except it specifies JavaScript dependencies instead of PHP dependencies. You can install these dependencies using the [Node package manager (NPM)](https://www.npmjs.org): ``` npm install ``` > By default, the Laravel `package.json` file includes a few packages such as `lodash` and `axios` to help you get started building your JavaScript application. Feel free to add or remove from the `package.json` file as needed for your own application. Once the packages are installed, you can use the `npm run prod` command to [compile your assets](https://laravel.com/docs/mix). Webpack is a module bundler for modern JavaScript applications. When you run the `npm run prod` command, Webpack will execute the instructions in your `webpack.mix.js` file: ``` npm run prod ``` By default, the Laravel `webpack.mix.js` file compiles your SASS and the `resources/js/technobureau.js` file. Within the `technobureau.js` file you may register your Vue components or, if you prefer a different framework, configure your own JavaScript application. Your compiled JavaScript will typically be placed in the `public/js` directory. > The `technobureau.js` file will load the `resources/js/bootstrap.js` file which bootstraps and configures Vue, Axios, jQuery, and all other JavaScript dependencies and `resources/js/bootstrap-select.js` for beautiful select drop down with search option. If you have additional JavaScript dependencies to configure, you may do so in this file. License ------- [](#license) Laravel UI is open-sourced software licensed under the [MIT license](LICENSE.md). ### Health Score 17 — LowBetter than 6% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity7 Limited adoption so far Community9 Small or concentrated contributor base Maturity29 Early-stage or recently created project Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://www.gravatar.com/avatar/7009b8058c30a3a61bf964f4d21611b840668c7c60b5e4a073b24d0b5b992a60?d=identicon)[ganapathichidambaram](/maintainers/ganapathichidambaram) --- Top Contributors [![ganapathichidambaram](https://avatars.githubusercontent.com/u/6180104?v=4)](https://github.com/ganapathichidambaram "ganapathichidambaram (19 commits)") ### Embed Badge ![Health badge](/badges/technobureau-ui/health.svg) ``` [![Health](https://phpackages.com/badges/technobureau-ui/health.svg)](https://phpackages.com/packages/technobureau-ui) ``` ### Alternatives [mustache/mustache A Mustache implementation in PHP. 3.3k44.6M291](/packages/mustache-mustache)[roots/acorn Framework for Roots WordPress projects built with Laravel components. 9682.1M97](/packages/roots-acorn)[whitecube/nova-flexible-content Flexible Content & Repeater Fields for Laravel Nova. 8053.0M25](/packages/whitecube-nova-flexible-content)[mopa/bootstrap-bundle Easy integration of twitters bootstrap into symfony2 7042.9M33](/packages/mopa-bootstrap-bundle)[limenius/react-bundle Client and Server-side react rendering in a Symfony Bundle 3871.2M](/packages/limenius-react-bundle)[nicmart/string-template StringTemplate is a very simple string template engine for php. I've written it to have a thing like sprintf, but with named and nested substutions. 2101.7M30](/packages/nicmart-string-template) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)