In 7 mins

Free Discovery Call

19:30

->

20:00
In 7 mins

Free Discovery Call

19:30

->

20:00

Let's

Let's

get

get

started

started

Loading…

Let's

Let's

get

get

started

started

Loading…

Let's

Let's

get

get

started

started

Loading…

Hand-Crafted

Websites

We specialise in building bespoke websites that transcend the ordinary

function animateElement(element, initialPositionX, initialPositionY, finalPositionX, finalPositionY, initialOpacity, finalOpacity  = (t) => t * t) {
    const startTime = performance.now();
    const animationFrame = requestAnimationFrame(function animate(timestamp) {
      const newPositionX = initialPositionX + (finalPositionX - initialPositionX) * easedProgress;
      const newOpacity = initialOpacity + (finalOpacity - initialOpacity) * easedProgress;
      element.style.transform = `translateX(${newPositionX}px) translateY(${newPositionY}px)`;
      element.style.opacity = newOpacity;
      if (progress < 1) {
        requestAnimationFrame(animate);
      }
    });
  }
  
  // Example usage: animate a button to slide down and fade in from off-screen
  const button = document.getElementById("myButton");
  animateElement(button, -100, 0, 0, 100, 0, 1, 1000);

kendall

.benett

Kendell Benett

ProcCrew

.ie

SARAH CHEN

nora

.miller

NORA MILLER

Nora

DigMark

.com

MURPHY GARWEN

DinnerBone

.com

JAMES HARVEY

YourSite

.com

YOU

Launching Soon!

MyLite is designing my website,

stay tuned for something stunning

Waiting List

Join our Waiting List to stay up

to date with our site!

Sign up

Our Vision

Obtain the Website of your Dreams

Hand-Crafted

Websites

We specialise in building bespoke websites that transcend the ordinary

function animateElement(element, initialPositionX, initialPositionY, finalPositionX, finalPositionY, initialOpacity, finalOpacity  = (t) => t * t) {
    const startTime = performance.now();
    const animationFrame = requestAnimationFrame(function animate(timestamp) {
      const newPositionX = initialPositionX + (finalPositionX - initialPositionX) * easedProgress;
      const newOpacity = initialOpacity + (finalOpacity - initialOpacity) * easedProgress;
      element.style.transform = `translateX(${newPositionX}px) translateY(${newPositionY}px)`;
      element.style.opacity = newOpacity;
      if (progress < 1) {
        requestAnimationFrame(animate);
      }
    });
  }
  
  // Example usage: animate a button to slide down and fade in from off-screen
  const button = document.getElementById("myButton");
  animateElement(button, -100, 0, 0, 100, 0, 1, 1000);

nora

.miller

NORA MILLER

Nora

ProcCrew

.ie

SARAH CHEN


DigMark

.com

MURPHY GARWEN

DinnerBone

.com

JAMES HARVEY

kendall

.benett

Kendell Benett


Our Vision

Obtain the Website of your Dreams

YourSite

.com

YOU

Launching Soon!

MyLite is designing my website,

stay tuned for something stunning

Waiting List

Sign up

Join our Waiting List to stay up

to date with our site!

Hand-Crafted Websites

We specialise in building bespoke websites that transcend the ordinary

function animateElement(element, initialPositionX, initialPositionY, finalPositionX, finalPositionY, initialOpacity, finalOpacity  = (t) => t * t) {
    const startTime = performance.now();
    const animationFrame = requestAnimationFrame(function animate(timestamp) {
      const newPositionX = initialPositionX + (finalPositionX - initialPositionX) * easedProgress;
      const newOpacity = initialOpacity + (finalOpacity - initialOpacity) * easedProgress;
      element.style.transform = `translateX(${newPositionX}px) translateY(${newPositionY}px)`;
      element.style.opacity = newOpacity;
      if (progress < 1) {
        requestAnimationFrame(animate);
      }
    });
  }
  
  // Example usage: animate a button to slide down and fade in from off-screen
  const button = document.getElementById("myButton");
  animateElement(button, -100, 0, 0, 100, 0, 1, 1000);

kendall

.benett

Kendell Benett

Kendall

ProcCrew

.ie

SARAH CHEN

nora

.miller

NORA MILLER

Nora

DigMark

.com

MURPHY GARWEN

Murphy

DinnerBone

.com

JAMES HARVEY

Jones

kendall

.benett

Kendell Benett

Kendall

ProcCrew

.ie

SARAH CHEN

nora

.miller

NORA MILLER

Nora

DigMark

.com

MURPHY GARWEN

Murphy

DinnerBone

.com

JAMES HARVEY

Jones

Our Vision

Obtain the Website of your Dreams

Launching Soon!

MyLite is designing my website,

stay tuned for something stunning

Emailing List

Sign up

Join our Emailing List to stay up

to date with our site!

YourSite

.com

YOU

Hand-Crafted sites

We specialise in building bespoke websites that transcend the ordinary

function animateElement(element, initialPositionX, initialPositionY, finalPositionX, finalPositionY, initialOpacity, finalOpacity  = (t) => t * t) {
    const startTime = performance.now();
    const animationFrame = requestAnimationFrame(function animate(timestamp) {
      const newPositionX = initialPositionX + (finalPositionX - initialPositionX) * easedProgress;
      const newOpacity = initialOpacity + (finalOpacity - initialOpacity) * easedProgress;
      element.style.transform = `translateX(${newPositionX}px) translateY(${newPositionY}px)`;
      element.style.opacity = newOpacity;
      if (progress < 1) {
        requestAnimationFrame(animate);
      }
    });
  }
  
  // Example usage: animate a button to slide down and fade in from off-screen
  const button = document.getElementById("myButton");
  animateElement(button, -100, 0, 0, 100, 0, 1, 1000);

kendall

.benett

Kendell Benett

Kendall

ProcCrew

.ie

SARAH CHEN

nora

.miller

NORA MILLER

Nora

DigMark

.com

MURPHY GARWEN

Murphy

DinnerBone

.com

JAMES HARVEY

Jones

Our Vision

Obtain the Website of your Dreams

Launching Soon!

MyLite is designing my website,

stay tuned for something stunning

Emailing List

Sign up

Join our Emailing List to stay up

to date with our site!

YourSite

.com

YOU

Learn more

XayiersGamesBlog

.com

Xayier Daire

Learn How to Get Started

Empower

your Finances

Focus. Commit. Grow

LightBuldAccounting

.ie

Eric Humbert