GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Selekkt → skelet

Selekkt / skelet

Licence: MIT License
Skelet.css a contemporary CSS framework. The basics to get started.

Programming Languages

HTML
75241 projects
CSS
56736 projects

Labels

csshtmluianimationcss-animationsflexboxcss-frameworkui-componentscss-resetcssgrid

Projects that are alternatives of or similar to skelet

Semantic Ui
Semantic is a UI component framework based around useful principles from natural language.
Stars: ✭ 49,729 (+71971.01%)
Mutual labels:  flexbox, css-framework, ui-components
Pure Css3 Animated Border
Pure CSS3 animated border for all html element.
Stars: ✭ 63 (-8.7%)
Mutual labels:  css-animations, ui-components
Mobi.css
A lightweight, scalable, mobile-first CSS framework
Stars: ✭ 2,348 (+3302.9%)
Mutual labels:  flexbox, css-framework
Katana
Katana is CSS Layout System made with Flexbox
Stars: ✭ 57 (-17.39%)
Mutual labels:  flexbox, css-framework
Bulma Scss
Bulma SCSS - The Bulma CSS Framework files converted to SCSS syntax
Stars: ✭ 143 (+107.25%)
Mutual labels:  flexbox, css-framework
Frow
Flexbox Toolkit & Grid
Stars: ✭ 152 (+120.29%)
Mutual labels:  flexbox, css-framework
Agilejs
AgileJS - The Css3 Creation Engine 🍖🌭🍔
Stars: ✭ 489 (+608.7%)
Mutual labels:  css-animations, css-framework
fortune
🔮Fortune is your friendly CSS properties framework.
Stars: ✭ 16 (-76.81%)
Mutual labels:  flexbox, css-framework
bulma.styl
A Stylus translation of a modern CSS framework based on Flexbox
Stars: ✭ 26 (-62.32%)
Mutual labels:  flexbox, css-framework
boba
A lightweight, modular CSS framework.
Stars: ✭ 47 (-31.88%)
Mutual labels:  flexbox, css-framework
Spectre
Spectre.css - A Lightweight, Responsive and Modern CSS Framework
Stars: ✭ 10,938 (+15752.17%)
Mutual labels:  flexbox, css-framework
aioneframework
Aione Framework: All-in-one lightweight mobile first front-end framework to design websites, web applications, mobile applications, progressive web applications having large number of examples, documentation, tutorials, community support, components.
Stars: ✭ 13 (-81.16%)
Mutual labels:  css-animations, css-framework
Basis
A lightweight responsive Sass/CSS framework based on flexible box.
Stars: ✭ 133 (+92.75%)
Mutual labels:  flexbox, css-framework
Flexible Grid
Flexible grid layouts to get you familiar with building within the flexible grid system.(HTML, CSS, SASS, SCSS)
Stars: ✭ 154 (+123.19%)
Mutual labels:  flexbox, css-framework
Infinity Css Grid
Fluid Flex Solution for making infinite grid columns.
Stars: ✭ 112 (+62.32%)
Mutual labels:  flexbox, css-framework
Bulma
Modern CSS framework based on Flexbox
Stars: ✭ 44,771 (+64785.51%)
Mutual labels:  flexbox, css-framework
Lemon
🍋 Minimal and responsive CSS framework for fast building websites.
Stars: ✭ 51 (-26.09%)
Mutual labels:  flexbox, css-framework
Milligram
A minimalist CSS framework.
Stars: ✭ 9,568 (+13766.67%)
Mutual labels:  flexbox, css-framework
Animxyz
The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.
Stars: ✭ 1,689 (+2347.83%)
Mutual labels:  css-animations, css-framework
svelteit
Svelteit is a minimalistic UI/UX component library for Svelte and Sapper projects
Stars: ✭ 64 (-7.25%)
Mutual labels:  css-framework, ui-components
View All Similar Projects ➔

Skelet.3

Skelet. is a contemporary CSS framework which gives you the foundations to start building your next project right away.

Skelet. provides a simple, minimal yet solid starting point for websites.

Get started quickly with the HTML5 template, or just include skelet.css in your own project.

Getting started

  1. DOWNLOAD ↓ the file.
  2. Unzip skelet-master.zip
  3. Two files to pay attenion to:
    • skelet.html = is the the HTML5 boilerplate
    • css/skelet.css = is the CSS framework
skelet.css via CDN

If you need skelet.css, just add this tag in the <head>.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/selekkt-skelet@latest/css/skelet.min.css">

or

https://cdn.jsdelivr.net/npm/selekkt-skelet@latest/css/skelet.min.css
https://cdn.jsdelivr.net/npm/selekkt-skelet@latest/css/skelet.css
Skelet on npm
npm i selekkt-skelet

Directory structure

This is the dir structure of Skelet. docs & layouts could be deleted if not needed.

.
└── skelet/
    ├── css/
    │   ├── skelet.css (CSS framework)
    │   ├── skelet.min.css (Skelet. minified)
    │   └── app.css (is where all of your other CSS goes)
    ├── js/
    │   ├── modules.js (is for all of your JS frameworks)
    │   └── app.js (is where all of your other JS goes)
    ├── img/
    │   ├── logo.png
    │   └── touch.png
    ├── LICENSE
    ├── README.md
    └── skelet.html (HTML5 boilerplate)

View the Full Documentation →

View Examples →

Skelet. is also available as themes for Grav → and WordPress →

Built something you're proud of using Skelet.?

Submit →

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].