Start Here

Introduction

Download

Syntax

Core Concepts

Aspect Ratio

Border Radius

Border Size

Border Style

Cursor

Display

Flex

Flex Alignment

Flex Direction

Flex Grow

Flex Position

Flex Size

Flex Width

Font

Gap

Height

Margin

Padding

Spacing

Width

UI Effects

Animations

Single Box

Multi Box

3D Box

Other

Box Shadows

OutSet Shadow

InSet Shadow

Text Shadow

OutSet Shadow

InSet Shadow

UI Widgets

Accordion

Buttons

Calendar

Card

Checks & Radio

Data Tables

DropDown

DropDown Multi Select

Gallery

Pagination

Pop-Up

Progress Bar

Skeleton

Spinners

Suggestion

Tabs

Toasts

Slider

Text Boxes

Text Editor

Tool Tip

Icons

Theme Color Shade

Color Shade

Text Color

Background Color

Border Color

Gradient

Text Gradient

Single Color

Double Color

Triple Color

Background Gradient

Single Color

Double Color

Triple Color

Border Gradient

Single Color

Double Color

Triple Color

Other Pages

Landing Pages

Top Nav 1

Top Nav 2

Side Nav 1

Forget Password

Apps

Add Data

Nav First Level

Nav Second Level

Nav Third Level

N
A
V

Versatile Animation Effects

Dynamic Animations for Engaging UI

Elevate user interactions with a diverse range of animations designed to enhance your website’s look and feel. From hover effects to scroll-based triggers, our animation set brings motion to elements in a smooth and visually captivating manner.

Key Features:

Wide Variety: Includes hover, scroll, fade, bounce, and other stunning animation effects.
Easy Implementation: Apply predefined classes to instantly add animations—no complex coding required.
Fully Customizable: Adjust duration, delay, and intensity to match your design vision.
Performance Optimized: Built with lightweight CSS to ensure fast loading times and smooth execution.
Cross-Browser Support: Works consistently across modern browsers for a seamless user experience.

Breathing Animation

A breathing animation creates a subtle pulsing effect, mimicking natural breathing. It is often used to draw attention to UI elements gently, providing a smooth and calming visual cue without being intrusive.

Breathing Animation

Breathing

Source Code


<div class="DyFx FxJyCtCr FxAnIsCr Ht100p Wh100p">
    <div class='FxWp FxDnRw Gp10'>
        <div class="AnCmBe" id="breathing-text">Breathing</div>
    </div>
</div>


const text = document.getElementById('breathing-text');
const chars = text.textContent.split('');

text.innerHTML = '';

chars.forEach((char, index) => {
    const span = document.createElement('span');
    span.classList.add('char');
    span.style.animationDelay = `${(index + 1) * 300}ms`;
    span.textContent = char;
    text.appendChild(span);
});

News Ticker Animation

A news ticker animation provides a continuous, scrolling effect that moves text horizontally across the screen. Commonly used for displaying real-time updates, headlines, or breaking news at the bottom of a page, this animation runs infinitely to keep information in constant motion, ensuring users stay informed.

Infinite Scroll

# webdev

# Gatsby

# JavaScript

# Tailwind

# Typescript

# JavaScript

# Tailwind

# JavaScript

# Tailwind

# Typescript

# webdev

# Gatsby

# JavaScript

# Tailwind

# Typescript

# JavaScript

# Tailwind

# Typescript

# Tailwind

# Typescript

# webdev

# Gatsby

# JavaScript

# Tailwind

# Typescript

# JavaScript

# Tailwind

# JavaScript

# Tailwind

# Typescript

# webdev

# Gatsby

# JavaScript

# Tailwind

# Typescript

# JavaScript

# Tailwind

# Typescript

# Tailwind

# Typescript

# webdev

# Gatsby

# JavaScript

# Tailwind

# Typescript

# JavaScript

# Tailwind

# JavaScript

# Tailwind

# Typescript

# webdev

# Gatsby

# JavaScript

# Tailwind

# Typescript

# JavaScript

# Tailwind

# Typescript

# Tailwind

# Typescript

# webdev

# Gatsby

# JavaScript

# Tailwind

# Typescript

# JavaScript

# Tailwind

# JavaScript

# Tailwind

# Typescript

# webdev

# Gatsby

# JavaScript

# Tailwind

# Typescript

# JavaScript

# Tailwind

# Typescript

# Tailwind

# Typescript

Source Code


<div class="DyFx FxJyCtSeAd">

    <div class='DyFx FxAnIsSh FxJyCtCr FxWp FxDnRw FxDnCn Wh100p Gp25'>
        <div class="FxCr FxDnCn HtMn1vh WhMn1vw">
            <div class=" WhMx75vw PnRe OwHn DyFx Gp20 PgTpBm10 DyFx FxSk0 FxDnCn">

                <div class="loop-slider" style="--duration:20s; --direction:reverse;">
                    <div class="DyFx WhFtCt AnIeSl">
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe20 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16"><span class="CrGy FtSe24">#</span> webdev</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Gatsby</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <!-- duplicated content -->
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> webdev</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Gatsby</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                    </div>
                </div>

                <div class="loop-slider" style="--duration:10s; --direction:normal;">
                    <div class="DyFx WhFtCt AnIeSl">
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> webdev</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Gatsby</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <!-- duplicated content -->
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> webdev</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Gatsby</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                    </div>
                </div>

                <div class="loop-slider" style="--duration:17s; --direction:reverse;">
                    <div class="DyFx WhFtCt AnIeSl">
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> webdev</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Gatsby</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <!-- duplicated content -->
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> webdev</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Gatsby</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                    </div>
                </div>

                <div class="loop-slider" style="--duration:16s; --direction:normal;">
                    <div class="DyFx WhFtCt AnIeSl">
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> webdev</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Gatsby</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <!-- duplicated content -->
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> webdev</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Gatsby</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> JavaScript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Tailwind</div>
                        <div class="DyFx FxAnIsCr Gp10 CrWe FtSe10 CrBdBe20Lt BrRs5 PgLtRt10 PgTpBm7 MnRt16 BxSwCrGy"><span class="CrGy FtSe24">#</span> Typescript</div>
                    </div>
                </div>

            </div>
        </div>
    </div>

</div>

Web Tool

Welcome Amit

Logout

Change Password

Change Email