Alfred - Impressive projects template

Selectors, paths

Data attribute name (data-*)
Data attribute value (e.g. data-alfred="0")
SVG sprite file path

Update on resize

Selectors

Wrap (class name)
Tabs (class name)
Tab (class name)
Tab Active (class name)
Data (data attribute)

Counter

Counter (class name)

Slide

Class name
Duration (in ms)
Easing
Cubic-bezier

Arrows navigation

Left arrow (class name)
Right arrow (class name)

Draggable

Stick to active

Fill width

Minimalist style

Sizes (interval)

Items count

Load more items

Layout (class name)

Spinner

Spinner (class name)

Align Content

Lazyload

SyncLoad

Fill container width

Fill images

Precalculate layouts

Sort items by size

Improve layout sorting

Minimal required quality (0 - 1, where 1 is 100%)
Sensitivity (bigger number = higher sensitivity = lower performance)
Index order correction

Duration (in ms)

Delay (in ms)

Easing

Selectors

Fallback message (class name)
Filter (class name)

Delay (in ms)

Selectors, paths

Item (class)
Wrap (class)
Image (class)
Data attribute name (image source)
Image path prefix
Data attribute name (item size)

Fallback image (source)
Fallback image (class)

Dimensions

Width (in px)
Height (in px)
Margin (in px)

Hover effect

Move effect

Duration (in ms)
Easing
Cubic-bezier

Init effect

Name
Delay (in ms)

Selectors, paths

HTML file path
Button (class name)
Status (class name)
Class on failure
Class on empty

Dose

Statuses

On success
On failure
On empty

Spinner

Spinner (class name)

Selectors, paths

Template file path
Large image data attribute name (data-*)
Large image path prefix

Open gallery (class name)
Close gallery (class name)
Next slide (class name)
Prev slide (class name)

Template (class name)
Overlay (class name)
Wrap (class name)

Slider (class name)
Slide (class name)
Image (class name)
Spinner (class name)

Navigation

button next (icon class name)
button prev (icon class name)
button close (icon class name)

Caption

Caption of a slide (class name)
Title of a slide (class name)
Description of a slide (class name)

Counter

Counter (class name)
Current slide number (class name)
Total count of slides (class name)

Control

Draggable
Keyboard control
Press a key to close (27 - esc)
Press a key to go on prev (37 - left arrow)
Press a key to go on next (39 - right arrow)

Preloader

Preload range

Scrollbar

Infinite carousel

Animations

Idle UI

Effect In

Effect Out

Selectors, paths

Template file path
HTML files data attribute name (data-*)
Folder path prefix

Open modal (class name)
Close modal (class name)
Next slide (class name)
Prev slide (class name)

Template (class name)
Navigation (class name)
Body (class name)
Spinner (class name)
Fallback message (class name)

Navigation

button next (icon, class name)
button prev (icon, class name)
button close (icon, class name)

Counter

Counter (class name)
Current slide number (class name)
Total count of slides (class name)

Control

Keyboard shortcuts
Press a key to close (27 - esc)
Press a key to go on prev (37 - left arrow)
Press a key to go on next (39 - right arrow)

Infinite carousel

Animations

Config File

Impressive projects

No projects for

Project

Project

Project

Project

Project

Project

Project

Project