Without Code
Without Code
  • 167
  • 260 798
Professional Scroll Animations and Effects for Your Websites
If you're looking for beautiful animations for your site that are triggered by scroll, you've come to the right place. Scroll animations are the perfect interactive visuals because they don't require any complex interactivity from the user - all they need to do is scroll!
When scrolling back up, animations gracefully reverse, creating a distinct user experience that looks amazing - regardless of how a user is interacting with your site.
Lottie animations are lightweight and won't slow down page speed like other visuals. And Lottie has the world's largest free, ready-to-use, customizable animation library.
Timecodes
0:00 - Intro and demo
0:46 - Opening in the Wocode editor
1:03 - Preview of what we’re building
1:23 - Setup instructions
1:54 - Widget settings
3:02 - Uploading your own animation file
3:40 - JSON URL method
4:52 - More widget options
6:05 - Design options
7:05 - The finished product
See the demo: demo.wocode.com/lottie-scroll-animation
This effect is only available at Without Code. Try Without Code for free - www.wocode.com/register/without-code-free/
Facebook - WebsitesWithoutCode
Instagram - withoutcode
Twitter - without_code
มุมมอง: 495

วีดีโอ

A Text Scroller Effect for Displaying Impactful Headlines on Your Site
มุมมอง 2903 หลายเดือนก่อน
The Scroll & Hover Text widget connects important headline text on your site to the site visitor's scrolling action. As the visitor scrolls, text scrolls across the screen in dramatic fashion. And to kick the interactivity up a notch, when the site visitor hovers over lines of text, the text is highlighted and alternate text is displayed while hovered. This effect is great for displaying descri...
A Living & Breathing Background Option for Rows and Columns
มุมมอง 1924 หลายเดือนก่อน
Our latest widget offers a unique alternative for the background of a row, column or inner row. So if you're looking for something other than a standard image or video background, the FX - Cells widget will create a background of living, breathing motion. The organic feel of the movement is subtle, and will blend into most site designs. Utilize a cell color or a combination of colors to match y...
AI-Generated Sections - A Bold Step Into AI-Assisted Site Design
มุมมอง 3605 หลายเดือนก่อน
The latest AI feature in the Without Code builder brings us into an all new territory of AI-assisted design. AI Generated Sections take a few simple text prompts and turn them into fully-designed sections, complete with images, headlines, paragraph text and buttons. With this new ability to create high quality sections in your sites within just seconds, it’s easy to imagine how powerful this ca...
A One-Of-A-Kind Background for Headlines Features & Sections on Your Site
มุมมอง 2096 หลายเดือนก่อน
The FX - Rings widget displays a series of colorful rings that rotate in opposing directions, all while the entire concentric grouping tilts in a 3-dimensional space. Use this effect as a one-of-a-kind background for important headlines, heroes or features on your site. And don't forget about the thing that makes the FX series of widgets unique: they are applied to elements as a background. Thi...
Tips and Conclusions | Flex Training by Without Code
มุมมอง 1466 หลายเดือนก่อน
In the 7th & final Episode, we discuss a few essential tips to ensure your success when working in Flex. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagram - withoutcode Twitter - without_code
Example Layouts | Flex Training by Without Code
มุมมอง 2156 หลายเดือนก่อน
In Episode 6, we will open a pre-made Flex template and discuss how it was built, why it was designed this way, and considerations for your next responsive site build. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagram - withoutcode Twitter - without_code
Advanced Grids | Flex Training by Without Code
มุมมอง 1706 หลายเดือนก่อน
In Episode 5, we look at Advanced Grids: how they work, how they are different from Columns and Boxes, and when to use them in a design. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagram - withoutcode Twitter - without_code
Columns and Boxes | Flex Training by Without Code
มุมมอง 1786 หลายเดือนก่อน
In Episode 4, we discuss the differences between Columns and Boxes, explain how each one works, and look at how they differ and when to use one over the other. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagram - withoutcode Twitter - without_code
Flex Editor Tour | Flex Training Series by Without Code
มุมมอง 2626 หลายเดือนก่อน
In Episode 3, we take a tour of the Flex editor and discuss the primary functions of Flex. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagram - withoutcode Twitter - without_code
Adding Flex to a Site | Flex Training by Without Code
มุมมอง 2966 หลายเดือนก่อน
In Episode 2, we show you how to enable Flex in the Without Code dashboard and look at several options for adding and accessing Flex from within the builder. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagram - withoutcode Twitter - without_code
Introduction | Flex Training by Without Code
มุมมอง 3096 หลายเดือนก่อน
In this short introduction, we provide an overview of responsive website design using Flex in the Without Code website builder and set the stage for exploring the powerful features of Flex version 2.0. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagram - withoutcode Twitter - without_code
Bullet List Pro Widget | Tutorial by Without Code
มุมมอง 2898 หลายเดือนก่อน
The Bullet List Pro widget takes traditional bullet lists to a new level. Instead of a single dot option, Bullet List Pro opens the door to any icon you like. In fact, you can choose from thousands of built-in icons or embed icons from the most popular icon libraries on the web: • FontAwesome 6 • Line Awesome • Material Design Icons • Dripicons Have your own icon? No problem - you can upload yo...
SVG Animate Widget | Tutorial by Without Code
มุมมอง 5609 หลายเดือนก่อน
The SVG Animate widget takes any static SVG file and brings it to life with beautiful eye-catching animations. And since SVG files can be used for text, icons and all types of illustrations, there's almost no limit to the ways you can use this widget to liven up your site. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagra...
Mortgage Calculator Widget | Tutorial by Without Code
มุมมอง 19110 หลายเดือนก่อน
Mortgage Calculator Widget | Tutorial by Without Code
FX - Clouds Widget | Tutorial by Without Code
มุมมอง 216ปีที่แล้ว
FX - Clouds Widget | Tutorial by Without Code
Introducing AI Assistant - Leveraging AI in the Wocode Builder!
มุมมอง 706ปีที่แล้ว
Introducing AI Assistant - Leveraging AI in the Wocode Builder!
How to Acquire Personal Access Tokens from Airtable Account | Tutorial by Without Code
มุมมอง 1.8Kปีที่แล้ว
How to Acquire Personal Access Tokens from Airtable Account | Tutorial by Without Code
Search Widget | Tutorial by Without Code
มุมมอง 357ปีที่แล้ว
Search Widget | Tutorial by Without Code
Business Directory Widget | 2 of 3 - Setting up an Airtable Collection NEW
มุมมอง 390ปีที่แล้ว
Business Directory Widget | 2 of 3 - Setting up an Airtable Collection NEW
Dynamic Pages - Creating and Managing Collections NEW
มุมมอง 1Kปีที่แล้ว
Dynamic Pages - Creating and Managing Collections NEW
Media Slider Widget | Tutorial by Without Code
มุมมอง 503ปีที่แล้ว
Media Slider Widget | Tutorial by Without Code
FX - Halos Widget | Tutorial by Without Code
มุมมอง 227ปีที่แล้ว
FX - Halos Widget | Tutorial by Without Code
FX - Lively Text Widget | Tutorial by Without Code
มุมมอง 253ปีที่แล้ว
FX - Lively Text Widget | Tutorial by Without Code
FX - Background Patterns Widget | Tutorial by Without Code
มุมมอง 320ปีที่แล้ว
FX - Background Patterns Widget | Tutorial by Without Code
Age Verification Widget | Tutorial by Without Code
มุมมอง 651ปีที่แล้ว
Age Verification Widget | Tutorial by Without Code
Chart Connect Widget | Tutorial by Without Code
มุมมอง 369ปีที่แล้ว
Chart Connect Widget | Tutorial by Without Code
Introducing the Dashboard Notification Center
มุมมอง 478ปีที่แล้ว
Introducing the Dashboard Notification Center
Kinetic Gallery Widget | Tutorial by Without Code
มุมมอง 598ปีที่แล้ว
Kinetic Gallery Widget | Tutorial by Without Code
Breadcrumbs Widget | Tutorial by Without Code
มุมมอง 8632 ปีที่แล้ว
Breadcrumbs Widget | Tutorial by Without Code

ความคิดเห็น

  • @MattMella
    @MattMella 12 วันที่ผ่านมา

    In the dropdown container styling. In the dropdown boarder color, I can’t make it no color. It’s so annoying cuz I love the look of yours. But without that it’s messed up

  • @get.kreative
    @get.kreative หลายเดือนก่อน

    This should be a native application within W/C. Like Wix is offering.

  • @saharshpatel4258
    @saharshpatel4258 2 หลายเดือนก่อน

    love this widget. but there is no option for the case sensitive font and it is all upper caps? is there a way to change the fonts to case sensitive?

  • @saharshpatel4258
    @saharshpatel4258 2 หลายเดือนก่อน

    hi there, thanks for the tutorial. the masking image download link is taking me to 404 page, is this somekind a bug or the page is under build? thanks

    • @websiteswithoutcode
      @websiteswithoutcode 2 หลายเดือนก่อน

      Good catch! I've just updated the link inside the widget and it's working now. Sorry for the trouble!

    • @saharshpatel4258
      @saharshpatel4258 2 หลายเดือนก่อน

      @@websiteswithoutcode all good, thanks for that

  • @peterthompson6551
    @peterthompson6551 3 หลายเดือนก่อน

    Thank you Norman. Great tutorial

  • @giri.goyo_yt
    @giri.goyo_yt 3 หลายเดือนก่อน

    Love the cinematic drama this interactive feature creates! Another great effect! Thanks!

    • @websiteswithoutcode
      @websiteswithoutcode 3 หลายเดือนก่อน

      Happy you like it - thanks for taking a look!

  • @bobmusikk
    @bobmusikk 4 หลายเดือนก่อน

    does this work with updated 2024 WP and Avada?

    • @websiteswithoutcode
      @websiteswithoutcode 4 หลายเดือนก่อน

      Hi @bobmusikk, thanks for watching! This widget is available for the Without Code site builder only. Learn more at wocode.com

  • @GeorgeLevit
    @GeorgeLevit 5 หลายเดือนก่อน

    asks me for billing info.. api isnt free?

  • @ChrisKhani
    @ChrisKhani 5 หลายเดือนก่อน

    Very cool. Can't wait to use it!

  • @TimothyBennett
    @TimothyBennett 5 หลายเดือนก่อน

    very cool, love this feature.

  • @KingJamesBibleArt
    @KingJamesBibleArt 5 หลายเดือนก่อน

    Oh goody! I'm happy you guys keep up with the progress 😄

  • @WolfgangMage
    @WolfgangMage 6 หลายเดือนก่อน

    Very helpful tutorial! Clear and concise explaining everything that needs to be said. Please make more tutorial videos!

    • @websiteswithoutcode
      @websiteswithoutcode 5 หลายเดือนก่อน

      Thanks so much! And we are indeed working on ramping up our video production 😉

  • @leekirk7471
    @leekirk7471 7 หลายเดือนก่อน

    How about an option to do a vertical timeline and add images to the sections.

  • @JicsLliams
    @JicsLliams 7 หลายเดือนก่อน

    can this work on wix?

    • @websiteswithoutcode
      @websiteswithoutcode 7 หลายเดือนก่อน

      Hey there! This widget only works in the wocode.com builder

  • @TheGamingWarriors-iz2yq
    @TheGamingWarriors-iz2yq 7 หลายเดือนก่อน

    Help im not have token why??

  • @fitnessminded7264
    @fitnessminded7264 7 หลายเดือนก่อน

    I'm a little confused. I'm using Elementor to add google reviews. Can I add just add my url on restrictions or is there a special url I'm supposed to use? Why did you use the url you used?

  • @TimothyBennett
    @TimothyBennett 10 หลายเดือนก่อน

    Love it, thanks.

  • @ChrisKhani
    @ChrisKhani ปีที่แล้ว

    I'm super excited to sink my teeth into this tool. Doing SEO for my client's website was always a pain point for me. This is going to be a big game changer for my studio.

  • @KernowDrone
    @KernowDrone ปีที่แล้ว

    Will it also apply to blog posts?

  • @cfwesley7482
    @cfwesley7482 ปีที่แล้ว

    'Promosm'

  • @CeesPijnappels
    @CeesPijnappels ปีที่แล้ว

    BZ great job

  • @critchee
    @critchee ปีที่แล้ว

    How do I get this widget to display Dynamic Pages?

  • @KeithGarubba
    @KeithGarubba ปีที่แล้ว

    Is there a setting to "unhide all?" Hiding could be a good feature to archive fields that you might want to periodically "put away" then "put back out." But if you hide a field on all devices, it is simply invisible on all edit views, right?

  • @pankajchauhan506
    @pankajchauhan506 ปีที่แล้ว

    Do we able to add videos instead of images?

  • @Lensman64
    @Lensman64 ปีที่แล้ว

    It's a nice widget however it doesn't seem that we can adjust the text title, description and button location? That would be a big help as it (can) obscure parts of the images & videos. Being able to have "top, middle, bottom" at the very least would be appreciated.

  • @TomHallOnline
    @TomHallOnline ปีที่แล้ว

    Limited to 5 reviews?

  • @MartyrofOdin
    @MartyrofOdin ปีที่แล้ว

    Hi Without code nice widget! Is it possible to use this widget in your header and or background of your site theme? Like I would like to give the idea that the pages are floating in space with gifs.

  • @allthingsgardenbuildings
    @allthingsgardenbuildings ปีที่แล้ว

    My largest following is on TikTok, is there something I could watch on how to intergrate that into a page? Maybe a Picture in Picture player and a follower number icon with a follow button that doesn’t take you away from the site when you press it ?

  • @jangbirgoyatnews
    @jangbirgoyatnews ปีที่แล้ว

    Ok good

  • @GM99-nb7yn
    @GM99-nb7yn ปีที่แล้ว

    can i sell my tracks

  • @GalleryStream
    @GalleryStream ปีที่แล้ว

    Nice...

  • @efg5000
    @efg5000 ปีที่แล้ว

    THANK YOU‼

  • @brendangoodenough173
    @brendangoodenough173 ปีที่แล้ว

    That was rather complicated for what it was..

  • @nkdlive
    @nkdlive ปีที่แล้ว

    Hi when you click on view member details. What does the option - add to a member plan do. Memberspace don’t accept all the payment methods in my country. So i am planning to collect payment from 2nd different gateway apart from memberspace stripe. Then upon recieving information. Can i change the plan to a different one from memberspace portal.

  • @harshsaha
    @harshsaha ปีที่แล้ว

    Hello brother can i enable it on my blogger page...???

    • @websiteswithoutcode
      @websiteswithoutcode ปีที่แล้ว

      Hi @harshsaha, yep you sure can - if your blog is on Without Code

  • @TimothyBennett
    @TimothyBennett ปีที่แล้ว

    Great feature, thanks.

  • @sriyanibasnayake354
    @sriyanibasnayake354 ปีที่แล้ว

    Can I get the code

  • @willr424
    @willr424 ปีที่แล้ว

    did you guys remove containers??

  • @berniechiaravalle
    @berniechiaravalle ปีที่แล้ว

    Thanks for the video! One thing that I would find helpful would the ability to change the time frame for when a renewal is coming up. I bill many of my clients outside the portal and I receive emails from WO about 10 days prior. I would find the ability to make say, 2 or 3 weeks out of renewal. Thanks again.

  • @brownsparrow4400
    @brownsparrow4400 ปีที่แล้ว

    We can't wait to try these on our client's sites.

  • @judblakely4179
    @judblakely4179 ปีที่แล้ว

    Steve, You and Norman never fail to be clear, concise, and right on point. Thank you and rock on. Jud Blakely

    • @websiteswithoutcode
      @websiteswithoutcode ปีที่แล้ว

      Thanks Jud! It's always great to get a little positive feedback!

  • @ShawnSpitler
    @ShawnSpitler ปีที่แล้ว

    Is your Facebook Comments widget broken? When I add it to my page, nothing appears.

  • @KernowDrone
    @KernowDrone ปีที่แล้ว

    How does this work on mobile?

    • @websiteswithoutcode
      @websiteswithoutcode ปีที่แล้ว

      Hey @KernowDrone, it works similarly to the desktop mode, however there is a reduced number of gallery items in order to better fit mobile devices. The column count is customizable in the widget options.

  • @PhoebeMorton
    @PhoebeMorton ปีที่แล้ว

    Hi, is there a way of aligning this to the centre of the page please?

    • @websiteswithoutcode
      @websiteswithoutcode ปีที่แล้ว

      Hi Phoebe, yes you'll want to open the context menu for the widget (right-click or click the gear icon) and center the widget there. Then you may need to also reduce the width of the widget using the blue grab handle on the container

  • @dayanabriceno8865
    @dayanabriceno8865 2 ปีที่แล้ว

    Interesante