zzseba78 / kick-off Goto Github PK

UIkit 3 Starter Layout / Templates - Quick start for your UIkit 3 project!

Home Page: https://zzseba78.github.io/Kick-Off/

License: MIT License

HTML 93.52% CSS 4.18% JavaScript 2.30%

uikit front-end-framework starter-templates starter-layouts responsive-framework uikit3 responsive-design responsive-layout templates uikit-templates

kick-off's Introduction

UIkit 3 Starter Layout / Templates for your UIKit 3 project.

Goals

The main goal of KickOff is to quickly get you started on your project with UIkit 3, bringing a solid layout foundation to work upon.

CSS Styles

All the layouts are based on default UIkit styles to keeps things clean and simple, but some layouts may use some custom css code.

The css styles are the minified latest version of UIKit 3 ( latest ) from the cdn.

HTML

The code try to be as simple as possible, with commented sections, validated and semantic html5 markup.

JS

Since UIkit 3 removed JQuery dependancy, it´s not included. All JS implementations are created by adding data-uk-* attributes to the HTML elements. No additional JS lines are added.

The uikit.min.js file is the minified latest version of UIKit 3 ( latest ) from the cdn.

The data-uk-* syntax it´s used in order to work with every library and get html code validated.

Images and Graphics

All used pictures are random images from https://picsum.photos/
Svg logos are from https://svgporn.com/
Svg illustrations are from https://undraw.co/illustrations

The Layouts

At the moment these layouts are available ( more will be available soon! )

License

2021 byHumans under the MIT license.

Become a sponsor to UIkit and help the project grow.

UIkit is an Open Source project developed by YOOtheme.

kick-off's People

Contributors

Stargazers

Watchers

Forkers

diomed greising creative-srijon danieldeicide stiv mostafa20946 iqbalaqaba rimian akari61 codesplash piroozjenabi farindra cavanbecksmith jmouradelo99 ivcreative elwadi hsmtree wechain jbma tonypartridge kohalg casteem tmanick01 maeffew vbsoftpl leadnt lucastsolakian kushelbek kyxos seyouelegance archisdi haikalm matthieumu benclum11 panfi mozay96 jzeilmaker ncklrs andreasba dogungbeje webamadou viseth genwarp zaeval bsakhanov lukacspeter rfschubert jevents code-shoily aurioncode escarter ketchalegend lanmower ngya evogit solo-way kevbarns vakili73 automotola zenicheck tinywook udemezue01 telsanin pizaini f3rgu5 itsdarrylnorris dgadwa matheuspsantos carlstrand slehmas scottperrin lsmithx2 jcsteck lgs hussainb muhammednaji dandi88 stephenwil doness abelscoldsweat obaaa8 jeeyyy seebgar sadeep1905 dsnger bronze berkyildizkaya oubasoft a973c kzulfazriawan cyberpay osscar4j sergpitk rochfordk maxboeck aek-bkf a2322189 luizfncesar richardssen kathep

kick-off's Issues

enhancement request on cards layout

Hi @zzseba78,

Thanks for keeping updated with the Ulkit version.
It would be a nice feature to have the cards filter with a list of pattern or tags. Currently only one seems to be possible.

Something like below, which would filter out the music cards and the photography cards.

how does it sounds ?

Thanks,

Regards,

Viseth

Cards won't scroll on mobile

Cards template is so hard to scroll on mobile browsers.
If you touch outside of the card section you are able to scroll, however as cards take most of the space, when you touch the card itself to scroll nothing happens.

I don't know if this a problem on UI-Kit behalf or the template is designed that way. If it is a bug on UI-Kit behalf we should let them know.

suggestion: tables

would you make a tables template?

Dashboard sampl - too much custom CSS

The Dashboard sample looks pretty good, but I think it uses way too much custom CSS. UIKit 3 provides enough flexibility, you don't really need that much custom CSS. Anyway the Dashboard sample can be re-worked into a more standard UIKit 3 and perhaps no custom CSS?

Thanks

enhancement request on the card grid layout with a search filter

Hi Sebastian,

Thanks for this great boostrap kit, awesome ! I'm testing the card layout one and was wondering whether you could add this functionality to it:
basically be able to filter out the cards based on the search pattern entered in the search box. It would add great value to this kit.

Many thanks,
Regards,

Viseth

ENHANCEMENT REQUEST : page with status tiles

Hi Sebastian,

Thanks for the good work and giving dev guys a starter tool kit to get started!
It would be nice to have an admin page with tiles that changes color with the ability to increase or decrease the size of the tiles using a drag button. This would come in a masonry fashion.
Another button would allow a different display: instead of tiles, it would the tile would be instead displayed line by line.
Do you think that could be something your could add to the starter toolkit ?

Here's an exemple 👍

Let me know if it makes sense,

Cheers,

the cards kick-off page no longer works as pexpected

Hi,

I've notice that after migrating to the latest ulkit 3 version, the cards search feature no longer works as usual.
Before we where able to display the items while adding letters as well as while removing letters. Now only adding letters works.
Does card.js support the latest version of ulkit 3 ?

Thanks,
Rgds

need user profile themes/mockups

Hello i appreciate all you just did and must say you just did a very good job...I would like you to add mock ups for user profile like instagram user profile and more mobile mockups...thanks..you are amazing

expandable sidebar

Hello,

About dashboard: is it possible to have a sidebar like this https://foundation.zurb.com/building-blocks/blocks/app-dashboard-layout.html with uikit3 ?

Thanks
ami44

Blog - navbar

The navbar in the blog looks "sliced" at the bottom when viewed with Firefox.