Lines
Divide your content with style
Lines is exactly what you think… an awesome set of styled horizontal and vertical lines that can be used to divide your content. There are tons of different ways to style your lines to fit your site's style.
Key Features
Styled Dividers
There are 6 different styles for simple dividers: solid, dashed, groove, dotted, double and ridge.
Glyphs and Text
Add glyphs and text on top of the divider.
Rotation
Add some uniqueness to your layouts by rotating the divider.
Custom Sizing
You can customize the width and thickness of the divider to your liking.
Flared Dividers
Add some flare to the end of the dividers for some extra pizzaz.
Gradient Divider
Make the divider be a gradient to add unique effects to your site. You have full control over the gradient colors.
Custom Colors
Customize the color of the dividers to match your site colors.
{{{ icon }}}
{{ title }}
{{{ summary }}}
Demo
Lines is Nice
Vertical Mode
Vertical mode will fill the entire height of it's container. Foundation 6 and the Starter Pack columns make this easy to accomplish out of the box.
It is possible to do this in other ways if you had a static height container. But F6 & Starter Pack makes it easy and dynamic.
Vertical Mode
Vertical mode will fill the entire height of it's container. Foundation 6 and the Starter Pack columns make this easy to accomplish out of the box.
It is possible to do this in other ways if you had a static height container. But F6 & Starter Pack makes it easy and dynamic.
Reviews
We have recently started gathering reviews for our products. So if you don't see a review above, be the first to submit a review and let others know how you like this stack.
Screenshots
Tutorials
Downloads
Lines Demo Project
Uploaded by Weaver's Space
{{ title }}
{{{ description }}}
Uploaded by {{{ from }}}
Updates
v2.0.0
- Completely revamped version of Lines
- I have to be honest, I developed this vesion of Lines years ago and apparently never shipped it. Oops! Enjoy the free update.
v2.2.0
- New option to adjust the position of the Line content along the line.
v2.1.0
- A big cleanup of the Lines stack since 2.0 was an accidental release.
- If you have already implemented 2.0, you may need to redo your existing instances. There were a lot of fixes and additions.
- Fixed the Double border
- Added Stacks content area
- Added rotation option for content area.
- Added class options for F6 and CSS lovers
- Improved vertial mode
v{{ version }}
{{{ notes }}}
© 2025 Weavers Space | Terms of Service | Privacy Policy
