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 → alizahid → Slinky

alizahid / Slinky

Licence: mit
A light-weight, responsive, mobile-like navigation menu plugin

Programming Languages

javascript
184084 projects - #8 most used programming language
es6
455 projects

Labels

csswebpackpluginjquerymobilesassbabelnavigationmenuyarn

Projects that are alternatives of or similar to Slinky

Wordless
All the power of Pug, Sass, Coffeescript and WebPack in your WordPress theme. Stop writing themes like it's 1998.
Stars: ✭ 1,374 (+111.71%)
Mutual labels:  webpack, babel, plugin, yarn, sass
Hc Offcanvas Nav
JavaScript library for creating toggled off-canvas multi-level navigations, allowing endless nesting of submenu elements, supporting swipe gestures, keyboard interactions and ARIA attributes.
Stars: ✭ 201 (-69.03%)
Mutual labels:  mobile, navigation, menu, jquery
Sidr
Sidr is a jQuery plugin for creating side menus and the easiest way for doing your menu responsive.
Stars: ✭ 2,924 (+350.54%)
Mutual labels:  plugin, navigation, menu, jquery
Quickmenu
The new era of mobile navigation for the web, we're out of hamburgers.
Stars: ✭ 119 (-81.66%)
Mutual labels:  mobile, navigation, menu, sass
Gulp Scss Starter
Frontend development with pleasure. SCSS version
Stars: ✭ 339 (-47.77%)
Mutual labels:  webpack, babel, yarn, sass
Wordpress Starter
📦 A starter template for WordPress websites
Stars: ✭ 26 (-95.99%)
Mutual labels:  webpack, babel, yarn, sass
Vue
Stars: ✭ 65 (-89.98%)
Mutual labels:  webpack, babel, jquery, sass
React Webpack Typescript Starter
Minimal starter with hot module replacement (HMR) for rapid development.
Stars: ✭ 632 (-2.62%)
Mutual labels:  webpack, babel, sass
Express Webpack React Redux Typescript Boilerplate
🎉 A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: ✭ 156 (-75.96%)
Mutual labels:  webpack, babel, yarn
Naomi
Sublime Text enhanced syntax highlighting for JavaScript ES6/ES7/ES2015/ES2016/ES2017+, Babel, FlowType, React JSX, Styled Components, HTML5, SCSS3, PHP 7, phpDoc, PHPUnit, MQL4. Basic: Git config files.
Stars: ✭ 544 (-16.18%)
Mutual labels:  webpack, babel, sass
Gulp Pug Starter
Frontend development with pleasure. Pug + SCSS version
Stars: ✭ 228 (-64.87%)
Mutual labels:  webpack, babel, sass
Webpack Encore
A simple but powerful API for processing & compiling assets built around Webpack
Stars: ✭ 1,975 (+204.31%)
Mutual labels:  webpack, babel, sass
Keepformac
keep for mac
Stars: ✭ 147 (-77.35%)
Mutual labels:  webpack, babel, sass
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (-74.58%)
Mutual labels:  webpack, babel, sass
Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial –
Stars: ✭ 145 (-77.66%)
Mutual labels:  webpack, babel, yarn
Front End Guide
📚 Study guide and introduction to the modern front end stack.
Stars: ✭ 14,073 (+2068.41%)
Mutual labels:  webpack, babel, yarn
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (-77.81%)
Mutual labels:  webpack, babel, sass
100 Days Of Code Frontend
Curriculum for learning front-end development during #100DaysOfCode.
Stars: ✭ 2,419 (+272.73%)
Mutual labels:  webpack, jquery, sass
Vue.js Starter Template
A starter template for Vue.js projects
Stars: ✭ 267 (-58.86%)
Mutual labels:  webpack, babel, yarn
React Redux Sass Starter
Everything you need to get started with a basic React application
Stars: ✭ 293 (-54.85%)
Mutual labels:  webpack, babel, sass
View All Similar Projects ➔

Slinky

Rather sweet menus

A light-weight, responsive, mobile-like navigation menu plugin

Demo

Installation

Download the latest version. The files you need are

Bower

bower install jquery-slinky

Include these files

<link rel="stylesheet" src="bower_components/slinky/dist/slinky.min.css" />
<script src="bower_components/slinky/dist/slinky.min.js"></script>

NPM

npm install jquery-slinky

Include these files

<link rel="stylesheet" src="node_modules/slinky/dist/slinky.min.css" />
<script src="node_modules/slinky/dist/slinky.min.js"></script>

Usage

const slinky = $('.menu').slinky(options)

Options

Option Default Description
resize true Resize menu height to match content on navigation
speed 300 Animation speed in milliseconds
theme slinky-theme-default Slinky theme
title false Show title of sub menu

API

.home(animate)

Navigate back to the root menu

Option Default value Description
animate true Pass false to skip animation

.jump(target, animate)

Navigate to a sub menu

Option Default value Description
to Selector for ul target to jump to
animate true Pass false to skip animation

.destroy()

Remove Slinky

Tips

  • Set .active on a ul element to jump there on init
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].