RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

JjJ1QQExEPT0oEkDXkJv3GS+SSK/inDh+qJb5poF7uc=

OU0WGPE+vsPHE35uwfF+0Jq1FmmrC0EZ1j07htBnxEM=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Please read: All I ask is that you Like & Share if you clone it :)

Here is a custom animated slider with really cool animations for 3 slides.
Every part of it is connected to the CMS:

- Video Light Box
- Business Info
- Animated Rotating Text
- Leading Text & Caption
- CTA Button

You can also change the rotating text color for each one in the interactions. Just look for the one that says text-color and you can select any color you want it to transition to. 

I hope you guys have fun with it! 
Enjoy!

Custom Animated Hero Slider - CMS

Smooth and perfect accordion using Javascript (jQuery) plus a thorough video tutorial (new one coming soon!) on how to customize it and copy it into your own existing project!

---------------------

*UPDATED: 03-15-2022
The entire code was redone and now made much simpler for you.  New settings object that allows you to change all the classes, set functional options like anchoring & scroll-to-top for active items, animation speed and more within one place. You don't have to touch any of the "codey" stuff.

You can also use your own icon for the accordion now as well instead of controlling that with CSS like before. Hope you enjoy it!

---------------------

Happy designing! 😉
-Noah

Perfect Accordion

Here is a cloneable project using typed.js to type out strings of text.

UPDATE (Sep. 26, 2019): Text now wraps properly.

Typing Text (Typed.js)

Someone asked about this animation which you can view here: https://webflow.com/solutions/business-websites and I thought it would be awesome to rebuild this. It taught me a lot actually.

Feel free to clone it and dissect it. :)

Brand. Design. Site.

brand-design-site