WordPress recently celebrated the 21st anniversary of their popular publishing platform which is used by 43% of all websites on the world wide web. With thousands of themes and plugins, bloggers can tailor their site’s appearance and functionality to suit their needs and preferences, whether they want a simple personal blog or a more complex,…
Tag: cool website effects
![How to animate with text effects banner](https://i0.wp.com/hatch.one/wp-content/uploads/2024/05/text-effects-banner.png?fit=640%2C334&ssl=1)
How to animate with text effects
In this tutorial we’ll explore animating with text effects and outlines. With a simple setting you can add the outline effect to any text object on your page without code. This effect can be used to make your headlines stand out, or to make any text section more visible. Let’s see how to set these…
![How make web elements to appear on scroll banner image](https://i0.wp.com/hatch.one/wp-content/uploads/2024/05/on-scroll-banner.png?fit=640%2C334&ssl=1)
How to make web elements appear on scroll
In this tutorial, we’ll walk you through our no-code appear effects, which make it possible for an object to appear or be revealed. These effects trigger when the object comes into view, either on scroll or when the page loads. You can easily set something to appear on scroll by adding a little animation on…
![banner for how to add falling animations to a webpage](https://i0.wp.com/hatch.one/wp-content/uploads/2024/05/falling-banner.png?fit=640%2C334&ssl=1)
How to add falling animations to a webpage
This tutorial will help you create magical falling animations to add to your webpage. If you’re interested in floating animations, check out this tutorial here. At first glance, it may seem challenging or code-heavy to add falling animations to a webpage. However, we can easily add this effect in Hatch using our physics mechanics and…
![](https://i0.wp.com/hatch.one/wp-content/uploads/2024/03/page-click.png?fit=640%2C334&ssl=1)
Use a page click to change an object’s behavior
In this walkthrough, we’ll explore how to change any object on your Hatch page, triggered by a click. By adding interactions to a page element, we can assign all kinds of behaviors to it. Click to change a color or size, make an object appear or disappear. The best part? You can set up a…
![made with hatch: the community showcase N5](https://i0.wp.com/hatch.one/wp-content/uploads/2023/11/commshow-banner-n5.png?fit=640%2C334&ssl=1)
Made with Hatch: the community showcase
Presenting our Hatch Community Showcase, where we spotlight the fantastic projects crafted by the brilliant minds within our creator community! Join us as we embark on a journey through the extraordinary works of our talented community members. Be prepared to be amazed by the sheer brilliance of the projects created by you, our valued Hatch…
![](https://i0.wp.com/hatch.one/wp-content/uploads/2023/11/gravity_physics_banner.png?fit=640%2C334&ssl=1)
How to add gravity effects to a webpage with no-code physics
Make any element on your webpage bounce, fall, float, and bump around without knowing how to code. In Hatch, it’s easy to add gravity effects to a webpage using our physics properties. In another tutorial we worked with a physics-based template by copying the core functionality. This tutorial will walk through how the physics properties…
![Making custom interactions in Hatch](https://i0.wp.com/hatch.one/wp-content/uploads/2023/10/custom.png?fit=640%2C334&ssl=1)
Making custom interactions in Hatch
To help you make custom interactions in Hatch, we are walking through our Interactions 101 project, built specifically for non-coders. The interactions are implemented through JavaScript but don’t worry! You don’t need any coding knowledge to use these. We’ll just copy their functionality and use them to build our own interactive Hatch page. Open up…
![made with hatch: the community showcase](https://i0.wp.com/hatch.one/wp-content/uploads/2023/10/madewithhatch-n4-blogbanner-v4.png?fit=600%2C314&ssl=1)
Made with Hatch: the community showcase
Presenting our Hatch Community Showcase, where we spotlight the fantastic projects crafted by the brilliant minds within our creator community! Join us as we embark on a journey through the extraordinary works of our talented community members. Be prepared to be amazed by the sheer brilliance of the projects created by you, our valued Hatch…
![banner for blog post about remixing a hatch template](https://i0.wp.com/hatch.one/wp-content/uploads/2023/09/infographic-to-store-banner.png?fit=640%2C334&ssl=1)
How to remix a Hatch template: from infographic to storefront
In this tutorial we’ll walk through how to modify our infographic template. Using our remix function we can make some edits and create a new landing page for a cafe. We’ll also cover how to use multiple pages in one Hatch site. Remix a Hatch template for all sorts of projects, from menus to maps…