Little Neko JAVASCRIPT

Styling and add-ons to Bootstrap default jQuery components, plus a bunch of exclusive Neko stuff.

Tabs

Standard tabs with fade effects

Fade effect To make tabs fade in, add .fade to each .tab-pane. The first tab pane must also have .in to properly fade in initial content.

content tab 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sit amet tellus id nisi placerat fermentum sed non neque. Aliquam eget venenatis ante. Sed tempus, libero ac molestie faucibus, ante diam fermentum mi, at gravida augue justo venenatis augue. Pellentesque lacinia augue lobortis pharetra ultricies.

content tab 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sit amet tellus id nisi placerat fermentum sed non neque. Aliquam eget venenatis ante. Sed tempus, libero ac molestie faucibus, ante diam fermentum mi, at gravida augue justo venenatis augue. Pellentesque lacinia augue lobortis pharetra ultricies.

Icon Tabs

content tab 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sit amet tellus id nisi placerat fermentum sed non neque. Aliquam eget venenatis ante. Sed tempus, libero ac molestie faucibus, ante diam fermentum mi, at gravida augue justo venenatis augue. Pellentesque lacinia augue lobortis pharetra ultricies.

content tab 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sit amet tellus id nisi placerat fermentum sed non neque. Aliquam eget venenatis ante. Sed tempus, libero ac molestie faucibus, ante diam fermentum mi, at gravida augue justo venenatis augue. Pellentesque lacinia augue lobortis pharetra ultricies.

Tabs with menu on left

content tab 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sit amet tellus id nisi placerat fermentum sed non neque. Aliquam eget venenatis ante. Sed tempus, libero ac molestie faucibus, ante diam fermentum mi, at gravida augue justo venenatis augue. Pellentesque lacinia augue lobortis pharetra ultricies.

content tab 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sit amet tellus id nisi placerat fermentum sed non neque. Aliquam eget venenatis ante. Sed tempus, libero ac molestie faucibus, ante diam fermentum mi, at gravida augue justo venenatis augue. Pellentesque lacinia augue lobortis pharetra ultricies.

Tabs with menu on right

content tab 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sit amet tellus id nisi placerat fermentum sed non neque. Aliquam eget venenatis ante. Sed tempus, libero ac molestie faucibus, ante diam fermentum mi, at gravida augue justo venenatis augue. Pellentesque lacinia augue lobortis pharetra ultricies.

content tab 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sit amet tellus id nisi placerat fermentum sed non neque. Aliquam eget venenatis ante. Sed tempus, libero ac molestie faucibus, ante diam fermentum mi, at gravida augue justo venenatis augue. Pellentesque lacinia augue lobortis pharetra ultricies.

Minimal tabs

content tab 1

content tab 2

content tab 3

Panel / accordion

Regular accordion

Pursuing this route will enable us to efficiently standardize the targeted, tactical and nimble attitude; this is why a visionary emotional intelligence enhances target pre-plans ahead of schedule. Core meeting and requirement strategically structure a measure, whereas the enablers generate cornerstones reaped from our double-digit improvement.
Pursuing this route will enable us to efficiently standardize the targeted, tactical and nimble attitude; this is why a visionary emotional intelligence enhances target pre-plans ahead of schedule. Core meeting and requirement strategically structure a measure, whereas the enablers generate cornerstones reaped from our double-digit improvement.
Pursuing this route will enable us to efficiently standardize the targeted, tactical and nimble attitude; this is why a visionary emotional intelligence enhances target pre-plans ahead of schedule. Core meeting and requirement strategically structure a measure, whereas the enablers generate cornerstones reaped from our double-digit improvement.

Form

Security

Minimal form

Security

Boostrap carousel

Examples

The slideshow below shows a generic plugin and component for cycling through elements like a carousel.
To get a complete explanation on how bootstrap carousel system works ckeck the bootstrap documentation here

Owl carousel

The slideshow below shows a generic plugin and component for cycling through elements like a carousel.
To get a complete explanation on how Owl Carousel system works ckeck the Owl carousel documentation here

Sliding Gallery

Sliding Gallery with margin

Add .owl-margins class to add a margin-right on elements.

One slide

One slide with HTML content

One slide with captions

Swiper

Swiper is the free and ultra lightweight mobile touch slider with hardware accelerated transitions (where supported) and amazing native behavior. To get a complete explanation on how Swiper works ckeck the documentation here

Parallax

Section parallax

It’s the little details that are vital.

Little things make big things happen.

Page header parallax

Alerts

Add dismiss functionality to all alert messages with this plugin. When using a .close button, it must be the first child of the .alert-dismissible and no text content may come before it in the markup.Just add data-dismiss="alert" to your close button to automatically give an alert close functionality. Closing an alert removes it from the DOM. To have your alerts use animation when closing, make sure they have the .fade and .in classes already applied to them.

Modals

Live demo

Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.
To get a complete explanation on how bootstrap modal system works ckeck the bootstrap documentation here

Optional sizes

Modals have two optional sizes, available via modifier classes to be placed on a .modal-dialog.