sirius-ui-laravel

Sirius UI

Sirius UI - Flexible CSS Framework based on Flexbox and Vue.

Build your beautiful website with Sirius. Fully responsive elements and layouts. Integration for Laravel 5. For pure HTML version check here.

In current version:

• SASS
  • Variables, Reset, General, Helpers, Animations
  • Elements
    • Typography
    • Button
    • Form Input: Text, Checkbox, Radio, Switch, Select
    • Notification: Basic, Modal, Badge, Tag, Tooltip, Ribbon
    • Image
    • Table
    • Indicator: Loader, Pagination, Progress Bar
  • Layouts
    • Grid
    • Header
    • Nav
    • Menu
    • Footer
    • Card: Basic, Image, Hover Effect, Profile, Blog, Product, Feature
• Vue
  • Like Button
  • List
  • Menu
  • Modal
  • Notification
  • Pagination
  • Progress Bar

#areyousirius?

Installation

Be aware: Sirius UI is still in alpha development!

• Download from NPM

npm install sirius-ui-laravel

or clone the Latest Release

• Update Composer

cd sirius-ui-laravel
composer update

• Open your browser to your dev application (e.g.: http://sirius-ui-laravel.dev if you are using Laravel Valet) and you are ready to go!

Remember that this package does not modify any standard Laravel implementation, it contains only assets.

Usage

Sirius uses the wonderful Laravel Mix to built its assets. If you want to change SASS variables or add your own Vue components, install node dependencies:

# browse to project 
cd sirius-ui-laravel
# install dependencies 
npm install

If you are familiar with Laravel Mix, you know you can simply run

# compile assets in development 
npm run dev
 
# compile and minify assets for production 
npm run production

in order to compile SASS and Vue

Browser Support

Sirius is compatible with:

• Safari
• Chrome
• Firefox
• Internet Explorer (10+)
• Opera

Documentation

Browse the application for documentation. Support online will be released in the first beta.

Support

Support only through Github. Please don't send emails about issues, make a Github issue instead.

Copyright and License

Copyright 2017 - Larastars owned by Marco Gava. Code released under LGPL license. You are free to use it in personal and commercial projects. The code can be forked and modified, but the original copyright author should always be included!