Stashy is a library aiming to help you with your responsive designs. Inside, you'll find layouts and utilities that might just be useful to you.
Components in this library are mainly focussed on layouts, so you'll have to style them properly yourself for the look and feel you are after. For example, this site uses the awesome Bootstrap plus some personal CSS.
All the pages on this site were built using Stashy, so you can check what you can do with these components by going around the docs.
Offcanvas layouts have the ability to adapt to any screen size by hiding / showing panels when reaching certain break points.
This page, and most in these docs are offcanvas layouts, so resize your browser to see them in action. In small sizes, click the buttons for showing side panels.
Go to OffCanvas docsThis component allows you to create a left menu showing and hiding its content on user interactions.
You can see this component in web and mobile applications like the Facebook and Google ones.
Go to Flyout docsCropping images at client side inspired in the focal point technique.
Go to FocalPoint docsTop menu showing all its links in large screens and hiding them on smaller ones for showing a button to slide the menu down.
Menu at the top of this page is a sample of Toggle using Stashy. Resize your browser window to see it in action.
Go to Toggle docsThis utility allow hiding list items and showing a "Show more" button.
Go to ShowMeMore docsNice loader for your responsive designs inspired in the Windows 8 / Windows Phone one.
Go to Loader docsYou can check each component across the docs, but it´s easy to get started by simply checking the standalone samples in the Github Project.
Check it!!For using the whole library, you need to add the Stashy files you´ll find in the dist folder of the Github project.
If you want to use specific components, you need to include only the CSS and JavaScript required for those components so you have to build the specific less files and add the required JavaScript ones.
You´ll find this dependencies in the component doc pages.