TypeScript Parallax

Open-source TypeScript projects categorized as Parallax
Edit details
Topics: React parallax-effect iOS Scroll React Native
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured

Top 5 TypeScript Parallax Projects

  • gatsby-starter-portfolio-cara

    Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.

    • Project mention: Gatsby starters: 30 free Gatsby templates for blazingly fast website building | dev.to | 2024-04-03

    GitHub source

  • react-parallax-tilt

    👀 Easily apply tilt hover effect on React components - lightweight/zero dependencies (3kB)

    • Project mention: "react-next-tilt" and "react-flip-tilt" NPM Packages | dev.to | 2023-08-02

    At this point, I was already using a tilt component (react-parallax-tilt) in my portfolio, and after checking this page I had the general idea of how it should be done, a container with transform-style: preserve-3d, with two children, one tilt and the other an image, both having backface-visibility: hidden and the tilt being rotated to face backward at the start. For the animation, I decided to use framer-motion because I was already familiar with it and knew it had what was needed to get the job done (and I'm glad I did because later I needed to await the animation and it was easy with framer-motion).

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • react-native-stretchy

    🤸‍♀️A ReactNative scrollable stretchy header component

  • scrollxp

    Alpine.js-esque library for scrolling animations on websites

  • third-sun

    Marketing blog for TJW the jewellery maker

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

TypeScript Parallax related posts

  • Show HN: Easily apply tilt hover effect on React components

    1 project | news.ycombinator.com | 15 Jul 2023

  • How would you reproduce this effect ? (taken from Stripejs doc) I tried using Tailwind sticky attribute but couldn't get the same result

    2 projects | /r/webdev | 30 May 2022

  • Suggestion for quirky react libraries

    1 project | /r/webdev | 25 Mar 2022

Index

What are some of the best open-source Parallax projects in TypeScript? This list will help you:

Project Stars
1 gatsby-starter-portfolio-cara 1,401
2 react-parallax-tilt 915
3 react-native-stretchy 238
4 scrollxp 75
5 third-sun 1

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com