Skip to content
/ slyd Public
generated from argyleink/shortstack

Snappy, responsive, touch optimized, bi-directional presentation framework

Notifications You must be signed in to change notification settings

argyleink/slyd

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Netlify Status

Getting Started

Load bundles from a url or use modules from NPM.

Note: there aren't any docs yet, just a demo site. The demo site is the best docs you have for the time being as it's sorta documentation by example. I'll improve this!


CDN
  1. import 'https://slyd.netlify.com/slyd.js';
  2. @import 'https://slyd.netlify.com/slyd.css';
NPM
  1. npm i slyd
  2. import 'slyd'; // use es module
  3. @import 'slyd'; // use postcss module
Starter Kit
  1. Clone and go with this Slyd starter
Pika
  1. coming soon


Start making <slyd>'s by adding HTML to your page.

<slyds>
  <slyd>
    <h1>Slide 1</h1>
    <h2>subtitle</h2>
  </slyd>

  <slyd-group>

    <slyd>
      <h1 uppercase>Slide 2</h1>
      <h2>is in a <span highlight>vertical</span> slide list</h2>
    </slyd>
    
    ...
    
  </slyd-group>
  
  <slyd-group>...</slyd-group>
</slyds>