Animated Blocks on Scroll vs Starter Templates – AI-Powered Templates for Elementor & Gutenberg

Add scroll based animations to WordPress Gutenberg blocks. Features Choose from 76 cross-browser CSS3 animations or add your own Preview animations in the editor Adjust the animation duration, delay, scroll threshold, and offset Apply animation controls directly to regular Gutenberg blocks Show or hide animation controls for regular blocks from Settings > Animated Blocks Replay the selected dropdown animation from the editor inspector Settings Duration: The speed of the animation in milliseconds. Delay: How many milliseconds to wait before animating the element. Threshold: Add animation when x% of the element enters the screen. Start with opacity 0: Set the element to opacity 0 when the page loads. The option works for elements transitioning to 100% opacity through CSS. Offset Top (available in the block’s advanced settings): Number of pixels to offset the animated block from the top of the page. Useful when a page has a fixed top navigation bar. Show animation controls on all blocks: Enable or disable animation controls for regular Gutenberg blocks. When disabled, blocks that already have saved animation settings keep showing the controls until those settings are cleared. Class name “ab-animation-end” is added to the animated block after the CSS animation has ended. This class name can be used to add custom styles. Requirements PHP 5.6+ is recommended, WordPress 5.0+, and Gutenberg must be active. Documentation Select a Gutenberg block and open the block settings sidebar to find the Animations panel. Choose an animation from the dropdown, optionally add a custom animation class, and adjust duration, delay, threshold, opacity, and offset settings. The selected animation classes are added when the block enters the viewport. Animation controls can be disabled globally from Settings > Animated Blocks by turning off “Show animation controls on all blocks”. When that option is disabled, blocks that already have saved animation settings will keep showing the animation panel until those settings are cleared. You can also use the Animated Block container from the Design block group. Animated Block is a parent block that lets you nest as many blocks as you want and apply the same animation settings to the whole container. If you need a custom effect, enter your own CSS class name in the Custom animation field and load the matching CSS in your theme or plugin.

Starter Templates: AI Website Builder and Elementor Templates The future of website creation is here! With Starter Templates, you can create professional-looking websites in just minutes, powered by AI. Leverage the Starter Templates AI website builder to generate websites with: Stunning designs All relevant sections and pages High quality stock images to help engage visitors Compelling website copy tailored to your business Extensive customization options Say goodbye to spending days or weeks designing and building a website. With Starter Templates, you can build websites faster than ever with AI. Try the live demo of Starter Templates HIGHLIGHTS ★ WordPress AI website builder ★ Built-in AI assistant ★ Fast and easy to use ★ Large library of Elementor templates ★ Hundreds of WordPress block editor (Gutenberg) templates ★ 200+ Sections and block patterns ★ Supported page builders: Spectra, Elementor, WordPress editor ★ Fully customizable websites How Does Starter Template AI Website Builder Work? Starter Templates integrates with ZipWP, our amazing AI website building platform. It takes care of everything for you, from design to content generation. Let AI do the heavy lifting, so you can focus on your ideas! Our mission is to unlock the power of the internet for small businesses. Creating a website shouldn’t be difficult, and growing a business on the internet shouldn’t be complicated. With Starter Templates, you can create a stunning website in a matter of minutes. Simply describe your idea, and watch as a WordPress website is built before your eyes. Want to create a lightweight website for your business that also looks exceptional? Follow the steps below: Select the type of website you’re creating (portfolio, business site, landing page, or something else). Provide your business name. Describe your business. Use AI to refine your description prompt if you need to. The AI will suggest images based on your input. Select the images you want to use. Add your contact details and social media handles so people can interact. Choose the website structure from the options. Select any site features you need. The AI will generate a website in under 2 minutes. Customize your site as you see fit! Whether you’re a beginner with no website building experience, or a seasoned web designer, Starter Templates has you covered. All Features Starter Template has all the essentials you need to create amazing websites! AI Website Builder Thanks to the power of AI, you can create your dream website effortlessly. Our AI analyzes your business description and goals, then selects the perfect design, generates professional copy, and curates visuals to match your brand. No more wrestling with complex themes or plugins – just describe your idea and let AI do the rest! Lightning Fast Websites Starter Templates prioritizes speed and efficiency without compromising quality. Here’s what sets us apart: Optimized Code Pages created with Starter Templates have efficient code, and are free from all unnecessary elements. This translates to faster load times and a smoother user experience for visitors regardless of browser or device. Realistic Templates Starter Templates goes beyond stunning design. It delivers readymade website templates specifically crafted with your business in mind. Launching an eCommerce store? We have a diverse selection of store templates to get you selling in no time. Creating a business website? We have dozens of professional-quality designs ready for you to make your mark. No matter your industry or niche, we have a template that perfectly aligns with your vision. Classic Starter Templates Whether you’re a small business owner, freelancer, or nonprofit organization, there’s a template that suits your needs. Templates are carefully crafted to provide a polished and attractive look for your website. The cherry on top? Starter Template supports multiple page builders, including Elementor, Spectra and Gutenberg. You have the flexibility to customize your website your way. Hundreds of Sections and Block Patterns Want to customize your website to make it truly unique? Use sections and block patterns to add your personal style. Available sections include: Hero Page Header About Services Features Contact Why Choose Us Call To Action Portfolio Gallery Testimonials Pricing FAQ Team Statistics AI-Integrated Adaptive Design Library Personalize blocks and patterns to match your website style with the power of AI. The design library within the Starter Templates plugin is integrated with AI and royalty-free image repositories. All elements come pre-populated with relevant text and images that you can easily customize to match your brand. Elementor Templates A fan of Elementor? Look no further! Starter Templates offers a vast collection of professionally designed Elementor templates. You can effortlessly import entire websites crafted with Elementor, individual pages, or even specific blocks to enhance your site’s functionality and aesthetic appeal. Then just drag, drop, customize, and launch your website! WordPress Block Editor Templates The WordPress block editor (formerly Gutenberg) is changing the game for website creation. Building from scratch can be time-consuming. Fortunately, Starter Templates offers a vast library of readymade templates to ignite your website’s potential. AI Assistant for WordPress Our AI Assistant works in a similar way to ChatGPT but is specifically tailored for WordPress. With just a click of a button, you can use the power of artificial intelligence to help write copy for landing pages, proofread blog posts, translate content into different languages, generate custom HTML and CSS codes, and much more! Royalty-Free Images The Starter Templates plugin offers seamless integration with leading royalty-free image repositories such as Pexels and Unsplash. You have access to millions of top-tier images within your WordPress dashboard. Simply search for the image you need and select it. Training Videos As the saying goes, “Give someone a fish, and they will eat for a day; teach them how to fish, and they will eat for a lifetime.” Embracing this philosophy, we offer a range of comprehensive training videos designed to complement our templates. They provide the knowledge and skills necessary to build, launch, and maintain your website. Types of Websites You Can Create Starter Templates is perfect for building websites for: ✔ Personal branding ✔ Restaurants ✔ Service providers ✔ Nonprofits and charities ✔ Events ✔ Startups ✔ Local businesses ✔ Wellness businesses ✔ Landing pages ✔ Lead generation websites ✔ eCommerce stores ✔ Blogs ✔ Manufacturing businesses ✔ Any other type of WordPress website There’s no limit to what you can create! Please note: To access templates and AI features, you’ll need a ZipWP account. ZipWP platform. Signing up is quick, easy, and 100% free. Fun Facts About Starter Templates ➜ Over 5,000 websites are built with Starter Templates every day. ➜ The plugin has been installed on more than 2 million websites. ➜ Starter Templates has more than 4,500 five-star reviews. ➜ Our team of dedicated full-time WordPress experts help and support hundreds of users daily. ➜ A devoted team full-time designers keep the design library up to date. ➜ Our plugin offers more than 100 free Elementor templates. ➜ You can import a complete website, individual page, or section of a page in seconds. ➜ We support 2 page builders: Spectra and Elementor as well as the WordPress editor ➜ “eCommerce” is the most searched keyword in our library. The Starter Templates Plugin Works With… ➜ Astra Theme ➜ Spectra website builder ➜ WordPress block editor/Gutenberg ➜ Elementor page builder ➜ WooCommerce ➜ WPForms ➜ Sitekit