40 Repositories
JavaScript framer-motion Libraries
Shopify Landing (Open source landing page shopify application)
SHOPIFY Open source landing page shopify application Configuration and Setup Key Features Technologies used 📸 Screenshots Author License Configuratio
Lightweight JavaScript library that allows you add motion blur to your CSS animations
MotionBlurJS For more information and examples please visit: https://www.motionblurjs.com What is MotionBlurJS MotionBlurJS is a lightweight JavaScrip
Watch anime ad free through a beautiful UI. Don't forget to 🌟 this repo for updates!
Ashanime - Stream Ad-free Anime Ashanime is an Ad free responsive web application built with the intention of providing a pleasent anime streaming exp
Motionity is a free and open source animation editor in the web
Motionity The web-based motion graphics editor for everyone 📽 Motionity is a free and open source animation editor in the web. It's a mix of After Ef
Experiment with motion blur website scrolling
Motion Blur Scrolling demo I've created this demo to see if it's possible to achieve more 'smooth' motion experience of scrolling and any other moveme
🌠 Recognition platform built for developer endorsements
Spekni Recognition platform built for developer endorsements Tech Stack 🎯 NextJS - UI framework ☑️ Vercel - Hosting and deployment 🔒 NextAuth.js: Gi
useOverlay uses floating-ui and framer-moting under the hood, giving you an API that provides great usability.
Create floating things easily useOverlay uses floating-ui and framer-moting under the hood, giving you an API that provides great usability. Warning D
A 3rd year University physics project for simulating satellites motion in orbit.
Satellite Simulator VI - Deluxe Edition A university physics project for simulating satellites in orbit. Installation instructions Clone the git repos
Careers page made with Next.js, Framer Motion & Tailwind CSS
Careers Page Tech Stack: Next.js / Framer Motion / Tailwind CSS This is a Next.js project bootstrapped with create-next-app. Getting Started First, ru
💻 Countries Web is a web application that lets you view data for all the countries in the world and filter them by country name and continent.
🌎 Countries Web View Demo This is the Countries Web, a web application that lets you view data for all the countries in the world and filter them by
Vision is a complete project manager where you can colaborate with your team. Everything is still in development phase.
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
Starter kit with Next.js, Chakra-UI, Framer-Motion in Typescript. Internationalization, SEO, Components, Theme (dark/light) and more...
Typescript Next.js Chakra-UI Framer-Motion Starter Kit Start with a powerful template ⚡️ Table of contents Getting started Paths & Files Useful depend
Taskem is a task manager that help you stay organized while boosting your creativity at the same time.
Taskem Introduction Taskem is a task manager that helps you stay organized while boosting your creativity at the same time. Our main goal is to help e
CSS Generator has a lot of tools 😉 🎉 👀
Css Generator 😃 Packages used in Project : React Router Dom Framer Motion react-color react-icons react-awesome-button Preview Tools 🔨 Background to
🏦 Defi Bank is a dapp created for ethereum 101 course of cadena.dev
Welcome to DefiBank 👋 Defi Bank is a dapp created for ethereum 101 course of cadena.dev ✨ Demo Install npm install Usage npm run dev Tech NextJS Reac
⚡ A multipurpose meme marketplace and editor for creating, downloading and sharing memes with a ready to use API powered by Hasura GraphQL
Rocketmeme A multipurpose meme marketplace and editor for creating and downloading memes. View meme collection, browse different meme categories, like
Quick and easy spring animation. Works with other animation libraries (gsap, animejs, framer motion, motion one, @okikio/animate, etc...) or the Web Animation API (WAAPI).
spring-easing NPM | Github | Docs | Licence Quick and easy spring animations. Works with other animation libraries (gsap, animejs, @okikio/animate, mo
🦸♀️ A super template for Next.js with a pack of incredible tools
Next-Plate 🦸♀️ A super template for Next.js with a pack of incredible tools 🌎 Translations 🚀 Demo → Deploy your own copy of this template in just
My personal website built with Next.js, TypeScript, twin.macro, Framer Motion, MDX and deployed on Vercel.
chrvaskos.com My personal website / blog built with some of my favorite technologies where I can showcase my work and write articles about anything ne
ICT (Ideas Come Together) - SPA Team Project
ICT (Ideas Come Together) - SPA Team Project This is a team project for our ReactJS module in our webdev program.
Portfólio de projetos pessoais feito com NextJs e lib de animação Framer Motion
Portfólio - Carlos Amorim Esse portfólio foi criado para mostrar meus projetos e habilidades. 🚀 Projeto criado com as seguintes tecnologias: ✔️ NextJ
An animation library, built on the Web Animations API for the smallest filesize and the fastest performance
motion-signals A wrapper over Motion One, An animation library, built on the Web Animations API for the smallest filesize and the fastest performance.
Using a Leap Motion Controller from Ultraleap for finger tracking in VRChat without mods
Leap Motion Controller finger tracking for VRChat OSC Using a Leap Motion Controller from Ultraleap for finger tracking in VRChat without mods. Descri
Animate Plus is a JavaScript animation library focusing on performance and authoring flexibility
Animate Plus Animate Plus is a JavaScript animation library focusing on performance and authoring flexibility. It aims to deliver a steady 60 FPS and
A react and framer motion app to play some quizzes !
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya
Real-time motion planner and autonomous vehicle simulator in the browser, built with WebGL and Three.js.
Dash Self-Driving Car Simulator Real-time motion planner and autonomous vehicle simulator in the browser, built with WebGL and Three.js. This project
Theatre.js is an animation library for high-fidelity motion graphics.
Theatre.js is an animation library for high-fidelity motion graphics. It is designed to help you express detailed animation, enabling you to create intricate movement, and convey nuance.
Work from is a web app created by Josh Cawthorne for the Supabase Hackathon.
Work From What is Work From? Work from is a web app created by Josh Cawthorne for the Supabase Hackathon. The concept of the app is for companies to b
Visual debugger for framer-motion
Visual debugger for framer-motion Demo install npm install tracer-motion --save-dev # or yarn add tracer-motion --dev usage import { motion } from
Javascript and SVG odometer effect library with motion blur
SVG library for transitioning numbers with motion blur JavaScript odometer or slot machine effect library for smoothly transitioning numbers with moti
A speedy motion transition effect for an image slideshow.
Motion Transition Effect A speedy motion transition effect for an image slideshow. Inspired by Ping Pong Slow Motion. Article on Codrops Demo Credits
A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect.
Image Tilt Effect A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to c
A motion hover effect for a background grid of images.
Image Grid Motion Effect A motion hover effect for a background grid of images. Article on Codrops Demo Installation Install dependencies: npm install
A lightweight carousel library with fluid motion and great swipe precision
Embla Carousel Embla Carousel is a bare bones carousel library with great fluid motion and awesome swipe precision. It's library agnostic, dependency
:black_medium_small_square:React Move | Beautiful, data-driven animations for React
React-Move Beautiful, data-driven animations for React. Just 3.5kb (gzipped)! Documentation and Examples Features Animate HTML, SVG & React-Native Fin
Open source, production-ready animation and gesture library for React
An open source and production-ready motion library for React on the web. Framer Motion is an open source, production-ready library that's designed for
A spring that solves your animation problems.
React-Motion import {Motion, spring} from 'react-motion'; // In your render... Motion defaultStyle={{x: 0}} style={{x: spring(10)}} {value = div
🐿 Super easy and lightweight(3kb) JavaScript animation library
Overview AniX - A super easy and lightweight javascript animation library. AniX is a lightweight and easy-to-use animation library with excellent perf
Javascript and SVG odometer effect library with motion blur
SVG library for transitioning numbers with motion blur JavaScript odometer or slot machine effect library for smoothly transitioning numbers with moti
The motion graphics toolbelt for the web
mo · js – The motion graphics toolbelt for the web. Intro mo · js is a javascript motion graphics library that is a fast, retina ready, modular and op