A curated collection of custom-coded Showit effects that enhance website experience by adding subtle interaction, depth, and flow to your design without ever feeling overwhelming. Perfect for refining your own site or for adding value to client projects.
collection of custom-coded Showit effects
A curated collection of Showit effects that enhance website experience by adding subtle interaction, depth, and flow to your design without ever feeling overwhelming. Perfect for refining your own site or for adding value to client projects.
collection of custom-coded Showit effects
The effects in action
Notice how each effect brings movement, depth, and refinement to the designs. You can also find a lot of these used throughout my website 👀
03. Moodboard with draggable elements
Turn your about pages more interactive with this fun moodboard. You can also add PNG graphics and cut-outs for a more personal look, instead of just the square photos. Or perhaps add this to your portfolio for a unique touch!
01. Logo resize on scroll
The logo changes its size and position as you scroll down.
02. Sliding galleries on scroll
2 rows of galleries that slide in opposite directions as you scroll past them. This would also make a cool background effect at lower opacity and text added over it.
The canvas background changes color as you scroll past. A very clean way to add intrigue to a more minimalistic site! Works best for larger canvases.
04. Canvas background color change
05. Photo zooms out on scroll
Photo zooms out as you scroll down. Create stand-out hero or photo-break canvases with this smooth effect.
06. Text color fill on scroll
One of my favorite subtle effects! It smoothly fills a lower opacity copy with full color as you scroll past it. Use it for larger headings.
07. Photos appearing on hover
Photos appear as you hover over the text. Use this for sharing portfolio pieces, shop items, services - options are endless!
08. Preloader page
Preloaders are good for pages that have bigger files, like longer videos and higher-quality photos. So if you're working with a videographer for example, this would be a helpful addition for larger pages.
09. Background color toggle
Cool effect for simpler websites that have just a few pages. Give the visitors the option to toggle between 2 colors. You can get playful with it and coordinate them by moods, seasons, night, and day!
now sold separately
€65
€45
€45
€65
€65
€45
€45
€45
€95
I purchased the Code Capsule earlier this year and absolutely LOVE it! I’ve used the effects in almost all of my projects, and they really do take my designs to the next level. If you want to create websites that feel unique, immersive, and not cookie-cutter, it’s SO worth the investment!
Laura is also amazing to work with. When I ran into an issue, she responded right away and even had her developer tweak the code to make what I was trying to do possible. 10/10 so happy with my purchase!
Chan ◦ Brand & Showit Website Designer
"If you want to create websites that feel unique, immersive, and not cookie-cutter, it’s SO worth the investment!"
✓ Your own website(s)
✓ Websites you build for clients as part of a finished project, not as a standalone item
1. Read through the instructions and notes on the Notion page.
2. Add the demo pages with all the effects to your Showit library with the share key, and duplicate them so you always have the original to pull from.
3. Make sure to add the CSS and HTML to any of the sites/individual pages you want to use these effects on! You can always use the demo pages for reference and to see how everything is set up in the backend. As well as the instructions and tutorial video in Notion.
You can use the code effects on:
How to set it up:
✗ Redistribute or resell the code snippets as a standalone item.
✗ Share the product with additional users who have not purchased one.
✗ Include the code snippets in Showit website templates for sale or distribution.
You can not use the code effects tO:
I recently got the code pack from SoulKynd, and I just had to share how much I love it! ✨
It’s such a simple way to add those unique touches that make a site stand out without overcomplicating the build.
Everything was easy to implement and thoughtfully put together. If you’re a designer wanting to create more distinctive, polished websites for your clients, this pack is seriously so helpful. Definitely one of those resources I know I’ll keep coming back to! 🤍🎀
Kriss ◦ Brand & Showit Website Designer
"As a designer, I’m always looking for little details that make a website feel more custom and elevated, and this pack honestly delivered. I’ve already used several of the codes on a few client projects, and my clients loved the results, too."
I've been designing Showit websites and selling templates for over 5 years now, and have slowly dabbled in the world of code.
I collaborated with an amazing developer to create this collection of custom effects to help you bring your Showit sites to the next level - without overwhelming the users with too much happening on the page. I'm really proud of this collection and hope it helps ignite new creative ideas in the design process :)
Your new web design bestie, helping you elevate your Showit websites & add more play into the process!
Hi, I'm Laura
MEET THE designer
