An Infinite Type and Delete Animation in Angular 10

An Infinite Type and Delete Animation in Angular 10

While I was working on my own personal website, I searched for some text effects I could use on my site. Since I was writing my website in Angular 10, it was hard for me to find a suitable, easy to use, solution. An Infinite Type and Delete Animation in Angular 10

While I was working on my own personal website, I searched for some text effects I could use on my site. Since I was writing my website in Angular 10, it was hard for me to find a suitable, easy to use, solution.

So I wrote one ;)

If you want the easy way — you can skip this article and just click my  easy-to-use solution. if you're having problems you can find a demo in there also.

If you want to know how to do it yourself, you've come to the right place. Let’s Start.

The first thing you need is an Angular app. I assume you know how to create one :). now let’s add a new component, let’s call it — type-delete-component. I’m using CSS but you can use what you want, it’s only a few lines.

type-delete text-animations angular npm-package

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Install Angular - Angular Environment Setup Process

Install Angular in easy step by step process. Firstly Install Node.js & npm, then Install Angular CLI, Create workspace and Deploy your App.

Angular Animations: How to Use Angular 10 Animation

Animations, in general, provide the illusion of motion: HTML elements change styling over time. Animations in Angular can improve your app and user experience in several ways: Without using animations, web page transitions can seem abrupt and jarring. Motion drastically enhances the user experience, so animations give users the chance to detect the application’s response to their actions. Good animations intuitively call a user’s attention to where it is needed.

Bubbling Text Background in Angular 10

If you want to add animations on your website, JavaScript has a great deal of libraries that can help. However, this article focuses on adding animations in angular so you have to do things the angular way. This means one thing: importing JS libraries is not so easy (or recommended) so I set myself up for a task, I wanted to build one colossal npm package of my own that contains a lot of the animations we see in JS (as well as new ones of course). For now, I’ll just start with one of those packages. An angular 10 directive for floating text background animation. Bubbling Text Background in Angular 10

Complete beginner guide to publishing an Angular library to npm.

In this article, I will be sharing my experience of publishing my first Angular library to NPM. This post will cover steps right from creating the library to detailed NPM publishing steps.

Basics of Angular: Part-1

What is Angular? What it does? How we implement it in a project? So, here are some basics of angular to let you learn more about angular. Angular is a Typesc