├── .editorconfig ├── .gitignore ├── CONTRIBUTING.md ├── LICENSE.md ├── README.md ├── composer.json ├── resources ├── js │ └── bootstrap.js ├── sass │ └── app.scss ├── stubs │ ├── authroutes.stub │ ├── controllers │ │ └── HomeController.stub │ └── routes.stub └── views │ ├── auth │ ├── login.blade.php │ ├── passwords │ │ ├── email.blade.php │ │ └── reset.blade.php │ ├── register.blade.php │ └── verify.blade.php │ ├── demo.blade.php │ ├── home.blade.php │ ├── laravel.blade.php │ ├── layouts │ └── app.blade.php │ ├── uikit.blade.php │ ├── vuejs.blade.php │ └── welcome.blade.php └── src ├── Presets └── Uikit.php └── Providers └── UikitServiceProvider.php /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | end_of_line = lf 6 | insert_final_newline = true 7 | indent_style = space 8 | indent_size = 4 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | 14 | [*.yml] 15 | indent_size = 2 16 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /vendor 2 | /.idea 3 | composer.phar 4 | composer.lock 5 | .DS_Store 6 | Thumbs.db 7 | .phpunit.result.cache 8 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing 2 | 3 | When contributing to this repository, please first discuss the change you wish to make via issue, email, or any other method with the owners of this repository before making a change. 4 | 5 | Please note we have a code of conduct, please follow it in all your interactions with the project. 6 | 7 | ## Pull Request Process 8 | 9 | 1. Ensure any third-party dependencies (e.g.: vendor and node_modules) are removed before creating a build. 10 | 2. Update the README.md with details of any important changes to the install procedure, useful file locations etc. 11 | 3. Increase the version numbers in any example files and README.md to the new version that this Pull Request would represent. The versioning scheme we use is [SemVer](http://semver.org/). 12 | 13 | ## Code of Conduct 14 | 15 | ### Our Pledge 16 | 17 | In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation. 18 | 19 | ### Our Standards 20 | 21 | Examples of behavior that contributes to creating a positive environment include: 22 | 23 | * Using welcoming and inclusive language 24 | * Being respectful of differing viewpoints and experiences 25 | * Gracefully accepting constructive criticism 26 | * Focusing on what is best for the community 27 | * Showing empathy towards other community members 28 | 29 | Examples of unacceptable behavior by participants include: 30 | 31 | * The use of sexualized language or imagery and unwelcome sexual attention or advances 32 | * Trolling, insulting/derogatory comments, and personal or political attacks 33 | * Public or private harassment 34 | * Publishing others' private information, such as a physical or electronic address, without explicit permission 35 | * Other conduct which could reasonably be considered inappropriate in a professional setting 36 | 37 | ### Our Responsibilities 38 | 39 | Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior. 40 | 41 | Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful. 42 | 43 | ### Scope 44 | 45 | This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers. 46 | 47 | ### Enforcement 48 | 49 | Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at matt@torrix.uk. All complaints will be reviewed and investigated and will result in a response that is deemed necessary and appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately. 50 | 51 | Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership. 52 | 53 | ### Attribution 54 | 55 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version] 56 | 57 | [homepage]: http://contributor-covenant.org 58 | [version]: http://contributor-covenant.org/version/1/4/ -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | # The MIT License (MIT) 2 | 3 | Original work copyright (c) Taylor Otwell 4 | Modified work copyright (c) 2019 Matt Fletcher 5 | 6 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 7 | 8 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 9 | 10 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 11 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## New version: [torrix/laravel-uikit](https://github.com/torrix/laravel-uikit) 2 | 3 | This package is for Laravel 6, and is **no longer maintained**. Please use the [Laravel 8 version](https://github.com/torrix/laravel-uikit) 4 | 5 | --- 6 | 7 | # UIkit frontend UI preset for Laravel 6 8 | 9 | Out of the box, Laravel 6 ships with a [UI preset](https://github.com/laravel/ui) for [Bootstrap](https://getbootstrap.com/) and [Vue.js](https://vuejs.org/) to make getting your website front-end up and running simple. 10 | 11 | ## Laravel + UIkit = :heart_eyes: 12 | 13 | Although Bootstrap is very popular, I prefer [YOOtheme's](https://yootheme.com/) front-end framework **[UIkit](https://getuikit.com/)**. It's modern, clean, well-thought-out, and modular. I've used it for just about every project I've worked on in the last few years, for both websites and web applications, from tiny single-page landing sites, to massive web applications with thousands of users. 14 | 15 | This repository extends Laravel UI with an additional preset for UIkit. 16 | 17 | ## Getting Started 18 | 19 | These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See Deployment for notes on how to deploy the project on a live system. 20 | 21 | ### Prerequisites 22 | 23 | To begin, you'll need a **fresh** install of Laravel 6. **Adding this to an existing project is not recommended and may cause issues**. For full instructions on installing Laravel, refer to the [Laravel installation docs](https://laravel.com/docs/6.x/installation), but something like the following will get you up and running: 24 | 25 | ``` 26 | composer global require laravel/installer 27 | 28 | laravel new mysite 29 | 30 | php artisan serve 31 | ``` 32 | 33 | Your development site will be served at http://localhost:8000. 34 | 35 | ### Installing this preset 36 | 37 | To turn the base Laravel install into a UIkit skeleton site, follow the steps below. 38 | 39 | 1. Include both Laravel UI and this repository into your composer dependencies: 40 | 41 | ``` 42 | composer require laravel/ui 43 | composer require torrix/laravel-ui-uikit 44 | ``` 45 | 46 | 2. Run the artisan command to install the preset into your Laravel install. It will overwrite welcome.blade.php, so do not run this on established projects with changes made to that file. You can run the command with or without the `--auth` flag; this will determine whether or not the login/register routes & views are generated. 47 | 48 | ``` 49 | php artisan ui uikit --auth 50 | ``` 51 | 52 | 3. Finally, run NPM to download UIkit, and build your assets using Laravel Mix: 53 | 54 | ``` 55 | npm install && npm run dev 56 | ``` 57 | 58 | ## Developing with UIkit 59 | 60 | To get started in UIkit, read [their excellent docs](https://getuikit.com/docs/introduction). The examples and tests provided should give you all the help you need. To get an idea of what UIkit is capable of, I highly recommend the [KickOff starter templates](https://zzseba78.github.io/Kick-Off/) for inspiration. 61 | 62 | To start customising UIkit to your own needs, take a look in [app.scss](src/Presets/uikit-stubs/app.scss). In there, you will find the standard UIkit imports, and by way of a simple example, I've changed the default blue primary colour to a nice purple shade, just to show what's possible in almost no time at all. Try changing it to another colour, and then running `npm run dev` to rebuild the CSS, and see the changes to your site. 63 | 64 | ### Handy tip 65 | 66 | Whilst developing your site, running Laravel Mix in watch mode makes it easy to make changes and quickly see their results: 67 | 68 | ``` 69 | npm run watch 70 | ``` 71 | 72 | ## Deployment 73 | 74 | When deploying to a live server, remember to build your assets in production mode for smaller, faster downloads: 75 | ``` 76 | npm run prod 77 | ``` 78 | 79 | ## Built With 80 | 81 | * [Laravel](https://laravel.com/) - The awesome PHP framework that makes all of this worthwhile. 82 | * [Laravel UI](https://github.com/laravel/ui) - The default Bootstrap preset Laravel ships with, and this project is based on. 83 | * [UIkit](https://getuikit.com/) - The beautiful, powerful front-end framework that you'll be delighted to build your next Laravel project with! 84 | 85 | ## Contributing 86 | 87 | Please read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us. 88 | 89 | ## Versioning 90 | 91 | We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/Torrix/laravel-ui-uikit/tags). 92 | 93 | ## Authors 94 | 95 | * **Matt Fletcher** - *This UIkit preset* - [Torrix](https://torrix.uk) 96 | * **Taylor Otwell** - *The original Bootstrap preset* - [Laravel UI](https://github.com/laravel/ui) 97 | 98 | ## License 99 | 100 | This preset is based upon and extends Laravel UI, and is therefore open-source software licensed under the [MIT license](https://opensource.org/licenses/MIT) - see the [LICENSE.md](LICENSE.md) file for details 101 | -------------------------------------------------------------------------------- /composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "torrix/laravel-ui-uikit", 3 | "description": "Laravel UI preset for UIkit.", 4 | "keywords": [ 5 | "laravel", 6 | "ui", 7 | "uikit" 8 | ], 9 | "license": "MIT", 10 | "authors": [ 11 | { 12 | "name": "Taylor Otwell", 13 | "email": "taylor@laravel.com" 14 | }, 15 | { 16 | "name": "Matt Fletcher", 17 | "email": "matt@torrix.uk" 18 | } 19 | ], 20 | "require": {}, 21 | "require-dev": { 22 | "roave/security-advisories": "dev-master", 23 | "laravel/ui": "^1.0" 24 | }, 25 | "autoload": { 26 | "psr-4": { 27 | "Torrix\\": "src/" 28 | } 29 | }, 30 | "config": { 31 | "sort-packages": true 32 | }, 33 | "extra": { 34 | "laravel": { 35 | "providers": [ 36 | "Torrix\\Providers\\UikitServiceProvider" 37 | ] 38 | } 39 | }, 40 | "minimum-stability": "dev", 41 | "prefer-stable": true 42 | } 43 | -------------------------------------------------------------------------------- /resources/js/bootstrap.js: -------------------------------------------------------------------------------- 1 | window._ = require('lodash'); 2 | 3 | window.UIkit = require("uikit"); 4 | window.Icons = require("uikit/dist/js/uikit-icons"); 5 | 6 | UIkit.use(window.Icons); 7 | 8 | /** 9 | * We'll load the axios HTTP library which allows us to easily issue requests 10 | * to our Laravel back-end. This library automatically handles sending the 11 | * CSRF token as a header based on the value of the "XSRF" token cookie. 12 | */ 13 | 14 | window.axios = require('axios'); 15 | 16 | window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; 17 | 18 | /** 19 | * Echo exposes an expressive API for subscribing to channels and listening 20 | * for events that are broadcast by Laravel. Echo and event broadcasting 21 | * allows your team to easily build robust real-time web applications. 22 | */ 23 | 24 | // import Echo from 'laravel-echo' 25 | 26 | // window.Pusher = require('pusher-js'); 27 | 28 | // window.Echo = new Echo({ 29 | // broadcaster: 'pusher', 30 | // key: process.env.MIX_PUSHER_APP_KEY, 31 | // cluster: process.env.MIX_PUSHER_APP_CLUSTER, 32 | // encrypted: true 33 | // }); 34 | -------------------------------------------------------------------------------- /resources/sass/app.scss: -------------------------------------------------------------------------------- 1 | // This is how you might override UIkit default variables 2 | $global-primary-background: #491165; 3 | 4 | @import "~uikit/src/scss/variables-theme.scss"; 5 | @import "~uikit/src/scss/mixins-theme.scss"; 6 | @import "~uikit/src/scss/uikit-theme.scss"; 7 | -------------------------------------------------------------------------------- /resources/stubs/authroutes.stub: -------------------------------------------------------------------------------- 1 | 2 | Auth::routes(); 3 | 4 | Route::get('/home', 'HomeController@index')->name('home'); 5 | -------------------------------------------------------------------------------- /resources/stubs/controllers/HomeController.stub: -------------------------------------------------------------------------------- 1 | middleware('auth'); 17 | } 18 | 19 | /** 20 | * Show the application dashboard. 21 | * 22 | * @return \Illuminate\Contracts\Support\Renderable 23 | */ 24 | public function index() 25 | { 26 | return view('home'); 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /resources/stubs/routes.stub: -------------------------------------------------------------------------------- 1 | 2 | Route::view('/demo', 'demo')->name('demo'); 3 | -------------------------------------------------------------------------------- /resources/views/auth/login.blade.php: -------------------------------------------------------------------------------- 1 | @extends('layouts.app') 2 | 3 | @section('content') 4 |
5 |
6 |

Log In

7 |
8 | @csrf 9 |
10 | 13 |
14 | 16 | @error('email') 17 | {{ $message }} 18 | @enderror 19 |
20 |
21 |
22 | 25 |
26 | 29 | @error('password') 30 | {{ $message }} 31 | @enderror 32 |
33 |
34 |
35 |
36 | 38 | 41 |
42 |
43 |
44 |
45 | 48 | 49 | @if (Route::has('password.request')) 50 | 51 | {{ __('Forgot Your Password?') }} 52 | 53 | @endif 54 |
55 |
56 |
57 |
58 |
59 | @endsection 60 | -------------------------------------------------------------------------------- /resources/views/auth/passwords/email.blade.php: -------------------------------------------------------------------------------- 1 | @extends('layouts.app') 2 | 3 | @section('content') 4 |
5 |
6 |

Reset Password

7 |
8 | @csrf 9 | @if (session('status')) 10 | 13 | @endif 14 | 15 |
16 | 19 |
20 | 22 | @error('email') 23 | {{ $message }} 24 | @enderror 25 |
26 |
27 |
28 |
29 | 32 |
33 |
34 |
35 |
36 |
37 | @endsection 38 | -------------------------------------------------------------------------------- /resources/views/auth/passwords/reset.blade.php: -------------------------------------------------------------------------------- 1 | @extends('layouts.app') 2 | 3 | @section('content') 4 |
5 |
6 |

Reset Password

7 |
8 | @csrf 9 | 10 |
11 | 14 |
15 | 17 | @error('email') 18 | {{ $message }} 19 | @enderror 20 |
21 |
22 |
23 | 26 |
27 | 30 | @error('password') 31 | {{ $message }} 32 | @enderror 33 |
34 |
35 |
36 | 39 |
40 | 43 | @error('password_confirmation') 44 | {{ $message }} 45 | @enderror 46 |
47 |
48 |
49 |
50 | 53 |
54 |
55 |
56 |
57 |
58 | @endsection -------------------------------------------------------------------------------- /resources/views/auth/register.blade.php: -------------------------------------------------------------------------------- 1 | @extends('layouts.app') 2 | 3 | @section('content') 4 |
5 |
6 |

Register

7 |
8 | @csrf 9 |
10 | 13 |
14 | 16 | @error('name') 17 | {{ $message }} 18 | @enderror 19 |
20 |
21 |
22 | 25 |
26 | 28 | @error('email') 29 | {{ $message }} 30 | @enderror 31 |
32 |
33 |
34 | 37 |
38 | 41 | @error('password') 42 | {{ $message }} 43 | @enderror 44 |
45 |
46 |
47 | 50 |
51 | 54 | @error('password_confirmation') 55 | {{ $message }} 56 | @enderror 57 |
58 |
59 |
60 |
61 | 64 |
65 |
66 |
67 |
68 |
69 | @endsection 70 | -------------------------------------------------------------------------------- /resources/views/auth/verify.blade.php: -------------------------------------------------------------------------------- 1 | @extends('layouts.app') 2 | 3 | @section('content') 4 |
5 |
6 |
7 |
8 |
{{ __('Verify Your Email Address') }}
9 | 10 |
11 | @if (session('resent')) 12 | 15 | @endif 16 | 17 | {{ __('Before proceeding, please check your email for a verification link.') }} 18 | {{ __('If you did not receive the email') }}, 19 |
20 | @csrf 21 | 23 | . 24 |
25 |
26 |
27 |
28 |
29 |
30 | @endsection 31 | -------------------------------------------------------------------------------- /resources/views/demo.blade.php: -------------------------------------------------------------------------------- 1 | @extends('layouts.app') 2 | 3 | @section('content') 4 |
5 |
6 | 7 |
8 |
9 | 10 | 16 | 17 |
18 | 19 |

Article Title

20 | 21 |
22 | 23 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 24 | tempor incididunt ut labore et dolore magna aliqua.

25 | 26 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit, 27 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 28 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute 29 | irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 30 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit 31 | anim id est laborum.

32 | 33 |

Written by Super User on 12 April 2012. Posted in Blog

35 | 36 |
37 | 38 |
39 |
40 | 41 |
42 | 60 |
61 |
62 |
63 | 64 |
65 |
66 | 67 |
68 |
69 | 70 |
71 |
72 | 73 |
74 |
75 | 76 |
77 | 78 |
79 |
80 |
    81 |
  • a element
    • 82 |
  • abbr element
    • 83 |
  • code element
    • 84 |
  • 85 | del element 86 |
    • 87 |
  • dfn element
    • 88 |
  • Link Muted
    • 89 |
90 |
91 |
92 |
    93 |
  • em element
    • 94 |
  • 95 | ins element 96 |
    • 97 |
  • 98 | mark element 99 |
    • 100 |
  • q inside a q
    • 101 |
  • strong element
    • 102 |
  • Link Reset
    • 103 |
104 |
105 |
106 |
    107 |
  • Text Muted
    • 108 |
  • Text Emphasis
    • 109 |
  • Text Primary
    • 110 |
  • Text Secondary
    • 111 |
  • Text Success
    • 112 |
  • Text Warning
    • 113 |
  • Text Danger
    • 114 |
  • Text Meta
    • 115 |
116 |
117 |
118 |
    119 |
  • Default
    • 120 |
  • Success
    • 121 |
  • Warning
    • 122 |
  • Danger
    • 123 |
  • 1
    • 124 |
  • 125 | 126 | 127 | 128 |
    • 129 |
130 |
131 |
132 | 133 | 
<div class="myclass">...<div>
134 | 135 |
136 |

The blockquote element represents content that is quoted from another source, optionally 137 | with a citation which must be within a footer or cite element.

138 | 139 |
140 | 141 |
142 |
143 | Read more 144 |
145 |
146 | 5 Comments 147 |
148 |
149 | 150 |
151 | 152 |
153 | 154 |
    155 |
  • 156 |
    157 |
    158 |
    159 |
    160 | 161 |
    162 |
    163 |

    Author

    165 |

    12 days ago 167 |

    168 |
    169 |
    170 |
    Reply
    172 |
    173 |
    174 |

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 175 | tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

    176 |
    177 |
    178 |
    • 179 |
180 | 181 |
    182 |
    • 183 |
  • 1
    • 184 |
  • ...
    • 185 |
  • 4
    • 186 |
  • 5
    • 187 |
  • 6
    • 188 |
  • 7
    • 189 |
  • 8
    • 190 |
  • 9
    • 191 |
  • 10
    • 192 |
  • ...
    • 193 |
  • 20
    • 194 |
    • 195 |
196 | 197 |
198 |
199 | 200 |
201 |
202 | 203 | 204 |
205 |
206 | 207 | 235 | 236 |
237 |

Default

238 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 239 | tempor incididunt ut labore et dolore magna aliqua.

240 |
241 | 242 |
243 |

Primary

244 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 245 | tempor incididunt ut labore et dolore magna aliqua.

246 |
247 | 248 |
249 |

Secondary

250 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 251 | tempor incididunt ut labore et dolore magna aliqua.

252 |
253 | 254 |
255 |

Hover

256 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 257 | tempor incididunt ut labore et dolore magna aliqua.

258 |
259 | 260 |
261 |
262 | 263 |
264 | 265 |
266 |
267 | 268 |
269 |
270 | 271 |
272 | 273 |
274 | 275 | 276 |
277 | 278 |
279 | 283 |
284 | 285 |
286 | 287 |
288 | 289 |
290 |
291 | 292 |
293 |
294 | 295 |
296 |
297 | 298 |
299 | 300 |
301 | 302 |
303 | 304 |
305 |
306 | 307 |
308 | 309 |
310 | 311 | 312 |
313 | 314 |
315 | 317 |
318 |
319 | 321 |
322 |
323 | 324 |
325 | 326 |
327 | 328 |
329 |
330 | 331 |
332 | 333 | 334 | 335 | 336 | 337 | 338 | 339 | 340 | 341 | 342 | 343 | 344 | 345 | 346 | 347 | 348 | 349 | 350 | 351 | 352 | 353 | 354 | 355 | 356 | 357 | 358 | 359 | 360 | 361 | 362 |
Table HeadingTable HeadingTable Heading
Table DataTable DataTable Data
Table DataTable DataTable Data
Table DataTable DataTable Data
Table DataTable DataTable Data
363 |
364 | 365 |
366 | 367 |

Default

368 |
369 | 370 |
371 | 372 |

Primary

373 |
374 | 375 |
376 | 377 |

Success

378 |
379 | 380 |
381 | 382 |

Warning

383 |
384 | 385 |
386 | 387 |

Danger

388 |
389 |
390 |
391 | 392 |

2XL

393 |

X-Large

394 |

Heading L

395 |

Heading M

396 |

Heading S

397 | 398 |

Heading H1

399 |

Heading H2

400 |

Heading H3

401 |

Heading H4

402 |
Heading H5
403 |
Heading H6
404 | 405 |

Heading Divider

406 |

Heading Bullet

407 |

Heading Line

408 | 409 |
410 |
411 | 412 |
413 | 414 |
415 |
416 | 417 |
418 | 419 | 421 | 423 | 425 |
426 | 427 |
428 |
429 | 430 |
431 | 432 |
433 |

Default Lorem ipsum dolor sit amet, consectetur.

434 |
435 |
436 | 437 |
438 |
439 | 440 |
441 | 442 |
443 |

Primary Lorem ipsum dolor sit amet, consectetur.

444 |
445 |
446 | 447 |
448 |
449 | 450 |
451 | 452 |
453 | 454 |
455 |
456 | 457 |
458 |
459 | 460 |
461 | 462 |
463 |
464 | 465 | 473 | 474 |
475 |
476 | 477 | 478 | 479 | 480 |
481 |
482 | 483 |
    484 |
    • 485 |
    • 486 |
    • 487 |
488 | 489 |
490 |
491 | 492 |
494 | Tooltip 495 |
496 | 497 |
498 |
499 | 500 | 45% 501 | 502 |
503 |
504 | 505 | 506 | 507 |
508 |
509 | 510 | 511 | 512 |
513 |
514 | 515 |
516 | 517 |
518 |
519 | 520 | 525 | 526 |
527 |
528 | 529 | 534 | 535 |
536 |
537 | 538 | 543 | 544 |
545 |
546 | 547 |
548 | 549 |
550 |
551 | 552 |
    553 |
  • List item 1
    • 554 |
  • List item 2
    • 555 |
  • List item 3
    • 556 |
557 | 558 |
    559 |
  • List item 1
    • 560 |
  • List item 2
    • 561 |
  • List item 3
    • 562 |
563 | 564 |
565 |
566 | 567 |
    568 |
  • List item 1
    • 569 |
  • List item 2
    • 570 |
  • List item 3
    • 571 |
572 | 573 |
574 |
Description lists
575 |
A description text
576 |
Description lists
577 |
A description text
578 |
579 | 580 |
581 |
582 | 583 |
    584 |
  • 585 | 586 | Item 1 587 |
    588 |

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor 589 | incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 590 | exercitation ullamco.

    591 |
    592 | 593 |
    • 594 |
  • 595 | 596 | Item 2 597 |
    598 |

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor 599 | incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 600 | exercitation ullamco.

    601 |
    602 | 603 |
    • 604 |
  • 605 | 606 | Item 3 607 |
    608 |

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor 609 | incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 610 | exercitation ullamco.

    611 |
    612 | 613 |
    • 614 |
615 | 616 |
617 |
618 | 619 |
620 |
621 | 622 |
623 |
624 |
625 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do 626 | eiusmod tempor. 627 |
628 |
629 |
630 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do 631 | eiusmod tempor. 632 |
633 |
634 |
635 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do 636 | eiusmod tempor. 637 |
638 |
639 |
640 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do 641 | eiusmod tempor. 642 |
643 |
644 |
645 |
646 | 647 |
648 |
649 | 650 |
651 |
652 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 653 | tempor.

654 |
655 |
656 | Button 657 |
658 |
659 | 660 |
661 |
662 | 663 |
664 |
665 | 666 |
667 |
668 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 669 | tempor.

670 |
671 |
672 | Button 673 |
674 |
675 | 676 |
677 |
678 | 679 |
680 |
681 | 682 |
683 |
684 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 685 | tempor.

686 |
687 |
688 | Button 689 |
690 |
691 | 692 |
693 |
694 | 695 |
696 |
697 | 698 |
699 |
700 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 701 | tempor.

702 |
703 |
704 | Button 705 |
706 |
707 | 708 |
709 |
710 | 711 | 730 | 731 | 755 | 756 |
757 |
758 | 759 | 760 | 761 | 776 | 777 |

Title

778 | 779 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et 780 | dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip 781 | ex ea commodo consequat.

782 | 783 |
784 |
785 | @endsection 786 | -------------------------------------------------------------------------------- /resources/views/home.blade.php: -------------------------------------------------------------------------------- 1 | @extends('layouts.app') 2 | 3 | @section('content') 4 |
5 |
6 | @if (session('status')) 7 |
8 | {{ session('status') }} 9 |
10 | @endif 11 |

You are logged in

12 |
13 |
14 | @endsection 15 | -------------------------------------------------------------------------------- /resources/views/laravel.blade.php: -------------------------------------------------------------------------------- 1 |
  • Laravel Website
    • 2 |
  • Laravel Docs
    • 3 |
  • Laracasts
    • 4 |
  • Laravel News
    • 5 |
  • Laravel Blog
    • 6 |
  • Laravel on GitHub
    • 7 |
  • Awesome Laravel
    • 8 | -------------------------------------------------------------------------------- /resources/views/layouts/app.blade.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | {{ config('app.name', 'Laravel') }} 11 | 12 | 13 | 14 | 15 | 16 |
    17 |
    18 | 94 |
    95 | 96 |
    97 | @yield('content') 98 |
    99 | 100 | 119 |
    120 | 121 | 122 | 123 | -------------------------------------------------------------------------------- /resources/views/uikit.blade.php: -------------------------------------------------------------------------------- 1 |
  • UIkit Website
    • 2 |
  • UIkit Docs
    • 3 |
  • UIkit Changelog
    • 4 |
  • UIkit on Twitter
    • 5 |
  • UIkit on GitHub
    • 6 |
  • Awesome UIkit
    • 7 |
  • KickOff - Starter Templates
    • 8 | -------------------------------------------------------------------------------- /resources/views/vuejs.blade.php: -------------------------------------------------------------------------------- 1 |
  • Vue.js Website
    • 2 |
  • Vue.js Guide
    • 3 |
  • Vue.js News
    • 4 |
  • Vue.js Blog
    • 5 |
  • Vue.js on GitHub
    • 6 |
  • Awesome Vue
    • 7 | -------------------------------------------------------------------------------- /resources/views/welcome.blade.php: -------------------------------------------------------------------------------- 1 | @extends('layouts.app') 2 | 3 | @section('content') 4 |
    5 |
    6 |

    UIkit frontend UI preset for Laravel

    7 |

    8 | Congratulations, you've successfuly installed the UIkit preset for 9 | Laravel. Have a browse through the links below for inspiration on 10 | how to work with Laravel, UIkit, and Vue.js. Happy coding! 11 |

    12 |
    13 |
    14 |
    15 |

    Laravel

    16 |
      17 | @include('laravel') 18 |
    19 |
    20 |
    21 |
    22 |
    23 |

    UIkit

    24 |
      25 | @include('uikit') 26 |
    27 |
    28 |
    29 |
    30 |
    31 |

    Vue.js

    32 |
      33 | @include('vuejs') 34 |
    35 |
    36 |
    37 |
    38 |
    39 |
    40 | @endsection 41 | -------------------------------------------------------------------------------- /src/Presets/Uikit.php: -------------------------------------------------------------------------------- 1 | '^3.3.0'] + $packages; 74 | } 75 | 76 | protected static function exportViews($views): void 77 | { 78 | foreach ($views as $view) { 79 | copy( 80 | __DIR__ . '/../../resources/views/' . $view, 81 | static::getViewPath($view) 82 | ); 83 | } 84 | } 85 | 86 | protected static function getViewPath(string $path): string 87 | { 88 | return implode(DIRECTORY_SEPARATOR, [ 89 | config('view.paths')[0] ?? resource_path('views'), 90 | $path, 91 | ]); 92 | } 93 | 94 | protected static function exportRoutes(): void 95 | { 96 | file_put_contents( 97 | base_path('routes/web.php'), 98 | file_get_contents(__DIR__.'/../../resources/stubs/routes.stub'), 99 | FILE_APPEND 100 | ); 101 | } 102 | 103 | protected static function exportAuthRoutes(): void 104 | { 105 | file_put_contents( 106 | base_path('routes/web.php'), 107 | file_get_contents(__DIR__.'/../../resources/stubs/authroutes.stub'), 108 | FILE_APPEND 109 | ); 110 | } 111 | 112 | protected static function exportControllers(): void 113 | { 114 | file_put_contents( 115 | app_path('Http/Controllers/HomeController.php'), 116 | file_get_contents(__DIR__.'/../../resources/stubs/controllers/HomeController.stub') 117 | ); 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /src/Providers/UikitServiceProvider.php: -------------------------------------------------------------------------------- 1 | option('auth')) { 19 | Uikit::auth(); 20 | } 21 | }); 22 | } 23 | } 24 | --------------------------------------------------------------------------------