Code Monkey home page Code Monkey logo

uikit3's Introduction

Laravel 5.5+ Front-end Preset for UIKit 3 Beta

Adds a preset for UIKit 3 scaffolding on new Laravel 5.5+ projects, will add individual SASS components and import the UIKit 3 core javascript.

Usage

1- Install via composer composer require laravel-frontend-presets/uikit3.

2- The package should use laravels new auto discovery, if not however you can manually register the service provider - typically done inside the app.php providers array e.g LaravelFrontendPresets\UIKit3Preset\UIKit3PresetServiceProvider::class.

3- Run php artisan preset uikit3 this will generate the js and scss needed.

4- Optional If you need make:auth to use uikit, run php artisan preset uikit3-auth to generate the templates.

5- Optional You can then run something like the vuejs or react presets as well.

Warning

This replaces the default laravel auth scaffolding, so if you want to revert to bootstrap, you'll need to run artisan make:auth again to overwrite it.

Why?

Bootstrap has outlived its welcome creating generic designs and is lacking in many features required for modern web builds, UIKit 3 has a great eco-system and feature rich making it a perfect modular framework, allowing you to require just what you need.

uikit3's People

Contributors

amusso01 avatar m1guelpf avatar owenmelbz avatar sanampatel avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

uikit3's Issues

Beta 35, deprecating jquery and passport scaffolds

Hey guys, pretty excited about this and using it on a new project Iโ€™m working on.
Any plans for updating to the latest beta, removing the jquery dependency and creating views for Laravel passport?

Following the instruction gives errors. Don't see JS files anywhere

This is the error i get when running npm run dev

WARNING in ./resources/assets/js/bootstrap.js
Module not found: Error: Can't resolve 'bootstrap-sass' in '/Users/bramvanhoutte/Documents/OneDrive - ODISEE/Odisee/Sem4/Webdevelopment/SDProject/Hungry/resources/assets/js
'
 @ ./resources/assets/js/bootstrap.js 13:2-27
 @ ./resources/assets/js/app.js
 @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss

WARNING in ./resources/assets/js/bootstrap.js
Module not found: Error: Can't resolve 'jquery' in '/Users/bramvanhoutte/Documents/OneDrive - ODISEE/Odisee/Sem4/Webdevelopment/SDProject/Hungry/resources/assets/js'
 @ ./resources/assets/js/bootstrap.js 11:29-46
 @ ./resources/assets/js/app.js
 @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss

Components are all broken too

uikit-rtl instead uikit

Hi Thank you for the hard work ๐Ÿ”ฅ

I'm trying to replace uikit css with uikit-rtl How I Can achieve that?

Why i can't use uikit icon

i can't use icon like the UIKIt Documentation said.

I only can use a little icon in app.js, if l include the

<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.42/js/uikit-icons.min.js"></script>

than i can use the icon.

is there some component i didn't include?

Essential .js not included - basic stuff does not work

Hi there

thanks for the great scaffolding - however, I spent an entire evening wondering why basis things like cards or grids did not work, only to found out that the most basic thing was not done:

require('./uikit');
require('./uikit-icons');

were missing in the app.js, so no wonder nothing worked!

Maybe it would be a good idea to include that in the build or document it somehow!?

Thanks
Andreas

ERROR in ./resources/assets/js/bootstrap.js

Hi, just installed it with auth presets and my npm shows me this:

ERROR in ./resources/assets/js/bootstrap.js
Module not found: Error: Can't resolve 'popper.js' in '/Users/phillipkishkovrov/Sites/mail/resources/assets/js'
@ ./resources/assets/js/bootstrap.js 3:16-36
@ ./resources/assets/js/app.js
@ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss

Dropdown in presets also does't work.

How to fix it?

Thank you!

Home view missing logout link

When I'm logged in and in the home view I can only see my name. There is no drop-down link (or other alternative) to logout.

Nice project btw!

Support Laravel 6

- Installation request for laravel-frontend-presets/uikit3 ^0.0.8 -> satisfiable by laravel-frontend-presets/uikit3[0.0.8].
    - Conclusion: remove laravel/framework v6.14.0
    - Conclusion: don't install laravel/framework v6.14.0
    - laravel-frontend-presets/uikit3 0.0.8 requires illuminate/support ~5.0

Moving to an organization

Hi!
What do you think about moving this an other packages like this to an organization, like the community did with the notification channels?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.