We're planting a tree for every job application! Click here to learn more

I made a landing page using the tailwindcss library - with scrolling animation.

KOTA HIGASHI

23 Aug 2022

•

0 min read

I made a landing page using the tailwindcss library - with scrolling animation.
  • React

Hi,there. I have created a landing page using the tailwindcss library and would like to share it with you. I tried to workaround it with a skeleton-like image at a less built-up stage.

demo site

The implemented functions are as follows.

1.Page transitions

2.hamburger menu

3.Handy closing included

4.Scroll animation using aos library

5.Scroll animation using a combination of gsap and lottie

6.Animation with framer-motion

7.Pricing page using react-tabs library

8.Carousel using the splidejs library

9.Responsive support

Thank you for reading. Cheers.

Higashi Kota

Did you like this article?

KOTA HIGASHI

See other articles by KOTA

Related jobs

See all

Title

The company

  • Remote

Title

The company

  • Remote

Title

The company

  • Remote

Title

The company

  • Remote

Related articles

JavaScript Functional Style Made Simple

JavaScript Functional Style Made Simple

Daniel Boros

•

12 Sep 2021

JavaScript Functional Style Made Simple

JavaScript Functional Style Made Simple

Daniel Boros

•

12 Sep 2021

WorksHub

CareersCompaniesSitemapFunctional WorksBlockchain WorksJavaScript WorksAI WorksGolang WorksJava WorksPython WorksRemote Works
hello@works-hub.com

Ground Floor, Verse Building, 18 Brunswick Place, London, N1 6DZ

108 E 16th Street, New York, NY 10003

Subscribe to our newsletter

Join over 111,000 others and get access to exclusive content, job opportunities and more!

© 2024 WorksHub

Privacy PolicyDeveloped by WorksHub