Sky Tabs (Tabs and Sliders)

By Acty, October 8, 2013

Sky Tabs is a clean, responsive solution for creating beautiful tabbed navigation without any javascript usage. It has different layouts, auto-height, responsive design, 9 color schemes, lots of customization options and can be easily integrated to any design.


7 Different Layouts
Horizontal (top left, top right, top center, top justify, top left+right) and vertical (left, right).

Several Mobile Versions
You can choose most suitable responsive version for you: icons, stack or switcher.

Auto Height
Unique feature for animated pure CSS tabs. There is no need to manually set up height of the content.

9 Color Schemes
Each color scheme has it’s own css file, that can be easily modified for creation your own colors.

12 Animations
Smooth and beautiful effects based on CSS3: flip, scale, fade, rotate and 8 slide effects.

Nested Posibility
Tabs can be nested within each other and can have different options.

Responsive Design
A fully responsive layout that adapts perfectly for all device resolutions like mobiles, tablets and desktops.

Any Content
You can use any HTML elements inside tabs content: text, images, audio, video, etc.

Allows you to disable regular tabs and use them like steps or wizard.

Typography Set
Includes headings, paragraphs, images, unordered and ordered lists.

Grid System
Fully responsive, utilizes 12 fluid columns and supports offsets.

361 Vector Icons
Includes beautiful iconic font Font Awesome, created by Dave Gandy.

36 Useful Examples
You can use these examples as a base for creation your own tabs simple and fast.

Retina Support
Optimized to support the high quality and crisp graphics on retina screens.

HTML5 and CSS3
Take full advantage of modern web technologies. Semantic HTML markup and standards compliant CSS.

Tested on Windows (Chrome, Firefox, Opera, IE8, IE9, IE10), Mac (Safari, Chrome, Firefox, Opera), iOS (iPhone, iPad) and Android.

Extensive step-by-step guide to help you with usage and customization.

Lifetime Support
To get support please send me an email through the contact form on my profile page.

Free Updates
Products get maintained with improvements and bug fixes.


08.10.13 – Version 1.0

  • Initial release.