1LD Tutorials & Blogs



Max Width

Determines the maxium width of the stack, including the contents and tabs

Floating Pill Style

This is a neat feature that creates a floating pill as the selected tab marker, which will then resize and move to the active tab when a tab is changed.

Connect Tabs

This will connect the tabs to the content area, and remove border-radiuses where necessary

Active Tab

Here you can set which tab will be active when the stack initially loads



Here you can select the horizontal alignment for the tabs you can set them to be:

  • Left
  • Right
  • Center

Text Size

Determines the font-size of the text inside of each tab

Icon Size

Determines the size of the icon inside of each tab


Controls the space around each tab, both vertical and horizontal spacing options are avialable.


Controls the amount of space inside of each tab (around the text and the icon)


Controls the corner roundness of each tab


Sets the basic text color of all tabs (not selected ones)


Sets the background for all tabs

Active Text

Sets the color of the active tab

Active BG

Sets the background of the active tab

Tabs > Responsive

Breakpoints (Tablet & Mobile)

Here you can set the points at which the tabs will turn into columns for mobile devices. You can set both the tablet and mobile breakpoints


Here you can set the number of columns for the tab grids on mobile devices. For example 3 columsn means 3 tabs per row, etc.

Hide Text

Simple tabs allows you to hide text optionally for Desktop, Tablet, and Mobile devices, you can select more than one option at a time.

Hide Icons

Simple tabs allows you to hide icons optionally for Desktop, Tablet, and Mobile devices, you can select more than one option at a time.



Sets the amount of vertical/horizontal spacing around the content inside of the content area


Controls the corner roundness of the content area


Sets the color of the text within the content area


Sets the background color of the content area

RapidWeaver Stack Tutorials

RapidWeaver Theme Tutorials

RapidWeaver Project Documentation

Tutorials and documentation for all 1LD Project files can be found at the link below.

See Documentation

Get the power of a framework, for the price of a theme, in the convenience of a prebuilt RapidWeaver project file


Scroll Shift Stack

Scroll Shift Screenshot

Scroll Shift is the ultimate tool for adding seamless scroll-based animations to your web design projects. Create captivating and engaging websites by effortlessly animating elements as the user scrolls through the page. This tool can bring your designs to life with smooth transitions, eye-catching movements, and precise timing.

Create captivating visuals by linking multiple elements together to form a stacked layer effect. These elements can separate and come together to form a unified element, adding depth and dimension to your designs. The possibilities are endless as you craft intricate animations that leave a lasting impression.

Drive attention to essential content by implementing animations that trigger only when the user scrolls past a specific section. By strategically timing the animations, you can ensure that users take notice of crucial information and engage with your content effectively.

Check it out!

Latest News


Join our newsletter to get notified of new releases, updates, and discounts.


Popular Links

Free Stacks & Themes
See Order History
Product Tutorials

© 2011 One Little Designer, 1 Little Designer (1LD)

RapidWeaver is a trademark of Realmac Software