Seams
Lovely Content Transitions
Seams provides lovely transitions between content sections on your webpages. It contains over 50 static and dynamic seams that are a breeze to configure. All seams are SVGs in order to ensure that your webpages are crisp across all devices. Seams gives you full creative control by allowing you to overlay seams on top of each other, creating a custom seam just for your site.
Key Features
SVG
All seams are built with inline SVGs. This allows us to blend with the content background seamlessly. SVGs also ensure crisp graphics across all devices.
Transitional Seam
Transitional seams are used between two sections of content in order to transition between them.
Background Seam
Background seams exist behind content. These provide an interesting transition as the background changes while the content continues on.
Dynamic Shapes
Seams creates SVGs images on the fly in real time. Tweak the settings for a seam and instantly see the resulting image be dynamically created inside Edit mode.
Static Silhouettes
Seams ships with some amazing silhouette seams out of the box. Add clouds, grass, torn paper and more. They all respond perfectly across all device widths.
Overlap
You can overlap seams on top of each other in order to create your own custom seams. Start thinking outside of the box and get your creative juices flowing.
Custom Paths
Are you already an SVG ninja? Seams allows you to hand code your own SVG paths. You can also import your own custom warehoused SVG file (plus get the benefits of caching).
Total CMS 2
Seams works with Total CMS 2 to allow you to customize the colors of your seams directly from inside the CMS. Requires Total CMS 2.
{{{ icon }}}
{{ title }}
{{{ summary }}}
Demo
Overlay Images
Placing a seam on top of an image is going to be a very common use case for Seams. This is a nicer way to transition from an image to colored background than simply a boring straight line. Wouldn't you agree?
Want to think outside of the box?
The below demo is done with Seams. The sky is three S-Curve seams overlaid on top of each other. On the bottom is a couple of S-Curve and Grass seams along with a Circle shape for the sun.
Background Seams
Seams can also be used in the background. This allows an even smoother transition between sections on a webpage.
Transitional Seams
There are many wonderful seams that ship out of the box. Below is a small sample of some of the seams available. All of these seams have settings that allow you to customize their shape, color and style.
Seams can do a lot more than what can be seen here. The number of possible seams that you could create is only limited by your imagination.
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
Loading...
{ "service": "youtube", "method" : "playlist_videos", "options": { "max_count": 50, "max_cache_age": 15 ,"api_key": "AIzaSyBcveKk-4GzgsT-BP3nfAT4jvBwKASN--c" ,"app_name": "weavers-space" }, "parameters" : { "playlist" :"PLAwL8Kl4ijMqkKH0O2KXkde0rJkiyFXQN", "channel" :"UCnNk0Zm9qZvPIGahKsyqH8A", "query" :"RapidWeaver" } }
Downloads
{{ title }}
{{{ description }}}
Uploaded by {{{ from }}}
Updates
v1.4.0
- Removed all dependency on jQuery. All JS was rewritten in vanilla JS.
v1.3.5
- Update GSAP animation libraries to latest version
v1.3.4
- Updated the GSAP library to the latest version
v1.3.3
- New online Help links when access from inside Stacks Library.
- Improved messages when stacks are missing from library in a project.
v1.3.2
- Update to the latest version of the GSAP animation libraries
v{{ version }}
{{{ notes }}}
© 2025 Weavers Space | Terms of Service | Privacy Policy