Documentation
IntroductionLayout
Text
- Accordion
- Alert
- Animation
- Align
- Badge
- Base
- Breadcrumb
- Button
- Card
- Close
- Comment
- Description List
- Divider
- Dotnav
- Drop
- Dropdown
- Filter
- Form
- Height
- Icon
- Iconnav
- Image
- Inverse
- Label
- Leader
- Lightbox
- Link
- List
- Margin
- Marker
- Modal
- Nav
- Navbar
- Notification
- Off-canvas
- Overlay
- Padding
- Pagination
- Parallax
- Placeholder
- Position
- Print
- Progress
- Scroll
- Scrollspy
- Search
- Section
- Slidenav
- Slider
- Slideshow
- Sortable
- Spinner
- Sticky
- Subnav
- SVG
- Switcher
- Tab
- Table
- Thumbnav
- Tile
- Toggle
- Tooltip
- Totop
- Transition
- Upload
- Utility
- Video
- Visibility
Installation
It's super easy to install and get up and running fast.
Download
You have the following options to install miniml:
- Download the latest release with pre-built JavaScript and CSS.
- Clone the repo to get all source files including build scripts:
git clone git://github.com/isaacjosephhorton/miniml.git
The compiled files of all UIkit versions are also hosted on the jsDelivr content delivery network via jsdelivr.com. Working on a switch to show versions.
<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@[uikit-version]/dist/css/uikit.min.css" />
<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/uikit@[uikit-version]/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@[uikit-version]/dist/js/uikit-icons.min.js"></script>
This is the structure needed by UiKit but we take care of this automatically for you.
You can help by making additional layouts and page designs to the miniml Community
/dist/css
<!-- UIkit's CSS -->
uikit.css
uikit.min.css
<!-- UIkit's core styles, without the default theme -->
uikit-core.css
uikit-core.min.css
<!-- UIkit's CSS in a right-to-left version -->
uikit.rtl.css
uikit.rtl.min.css
/dist/js
<!-- UIkit's JavaScript -->
uikit.js
uikit.min.js
<!-- Stripped down JavaScript. Core functionality without additional components -->
uikit-core.js
uikit-core.min.js
<!-- Icon Library -->
uikit-icons.js
uikit-icons.min.js
<!-- Additional components (e.g. Lightbox), only needed when including uikit-core.js -->
/components
To use UIkit’s CSS and JavaScript, include the files in your own HTML and then create the markup of any of the components listed here in the docs.