149 Repositories
JavaScript portfolio-with-animations Libraries
Some ideas for grid to slideshow switch animations using GSAP's Flip plugin.
Grid to Slideshow Switch Animations Some ideas for grid to slideshow switch animations using GSAP's Flip plugin. Article on Codrops Demo Installation
This is a Tic Tac Toe game built with HTML, CSS, and JavaScript. It is a simple and fun game where two players take turns marking X and O on a 3x3 grid.
Tic Tac Toe Game This is a Tic Tac Toe game built with HTML, CSS, and JavaScript. It is a simple and fun game where two players take turns marking X a
Róger Aguiar - Desenvolvedor Front-End
Portfólio - Róger Aguiar Wellcome! Eu sou o Róger, no momento de lançamento dessa aplicação tenho 18 anos e moro em Santa Bárbara - MG. Dei início aos
Portfolio with Next.js
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://
My personal Website, where I share my blog and project. Build using Nextjs and Tailwind CSS
Personal Blog This is my portfolio website built with Next.js, Tailwind CSS and hosted with Vercel. Perfect Light House Score 🛠 Installation & Set Up
Chakra UI Animations is a dependancy which offers you pre-built animations for your Chakra UI components.
Chakra UI Animations Chakra UI Animations is a dependancy which offers you pre-built animations for your Chakra UI components. Installation yarn add @
✨ My portfolio built with TypeScript, Next.js, Stitches and GraphQL.
Technologies | How to Use | Cloning or Forking 🚀 Technologies This project was developed with the following technologies: TypeScript Next.js GraphQL
🌟 My Website/Blog using Next.js, Tailwind CSS and Vercel (v3)
My Website made using Next.js, Tailwind CSS, and Vercel. Screenshots 📸 🚀 Live at - https://arunava.tech Features 🌟 Next.js Tailwind CSS Vercel Dark
The only developer portfolio template you'll ever need with modern UI/UX.
Personal Portfolio Deployed link: https://parthmittal.netlify.app/ Table of Contents 📁 Tech Stack Implemented Sections Use as a theme Contributing In
SharkFolio is a portfolio website for sharks😉
Sharkfolio - A portfolio of sharks This is a project we made a portfolio for sharks with a short Quiz game some fun facts related to sharks. Note It w
A tool to unpack, repack, edit and play 2d animations from Supercell games
SC Tools This module is intended to unpack, edit and repack .sc files from Supercell games. SC files are unpacked to disk as projects. Projects contai
The Awesome estate web application displays a list of apartments that were provided by local data. The users can check out the featured and recent apartments. Also, the user can click the house to get the details of the selected house.
Awesome Estate The Awesome estate web application displays a list of apartments that were provided by local data. The users can check out the featured
Small example showing how you can make game sprite animations using CSS with Javascript movement.
Hi there, I'm Björn Hjorth 👋 I like combining the web and game development, if you like what you see please do not be a stranger and say "Hi" on Twit
Boiler-Plate for web development using dev-portfolio library.
dev-portfolio-app Boiler-Plate for web development using dev-portfolio library. 🚨 Caution!! This is depending on create-dev-portfolio as a Boiler-Pla
A highly customizable platform ready to be a portfolio website, and become a lot more with some of your own components
Vextra Elegant and animated portfolio website. Demo: vextra.vercel.app Vextra is a portfolio template, packed with animations with a satisfying flow t
Source code my personal website is written using Next.js, Tailwind CSS and Chakra UI
Homepage Overview. / Home page. pages/blog/[slug] - Static pages/social - Social page. pages/photos - Photos page. pages/activites - Activites page Di
A small library for creating typing animations.
A small library for creating typing animations. View a short video demonstration here. Installation npm i tiper-js Usage Initialization is really simp
An autocomplete component, built to be accessible.
Accessible autocomplete The accessible autocomplete is a component that helps users choose answers from a list you provide. You can also use it to mak
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
Customisable javascript skeleton loader.
JS Skeleton loader Simple but very powerful loader package built with full javascript. Installation To install this package, include index.js file int
👌A useful zero-dependencies, less than 434 Bytes (gzipped), pure JavaScript & CSS solution for drop an annoying pop-ups confirming the submission of form in your web apps.
Throw out pop-ups confirming the submission of form! A useful zero-dependencies, less than 434 Bytes (gzipped), pure JavaScript & CSS solution for dro
Lightweight and easy to use vanilla js library to add css animations to elements on scroll.
Scrollrisen Trigger css animations on scroll as elements enter the viewport. Zero dependencies, lightweight and easy to use and customize Installation
Efeito de ripples baseado no Material Design.
Efeito de ripples baseado no Material Design feito com CSS, JavaScript e jQuery Esse efeito utiliza seletores do jQuery e manipulação do DOM para obte
Audio visualizer library for javascript. Create dynamic animations that react to an audio file or audio stream.
Wave.js Audio visualizer library for javascript. Installation Install With CDN script src="https://cdn.jsdelivr.net/gh/foobar404/wave.js/dist/bundle.
Full featured JavaScript image & video gallery. No dependencies
lightgallery.js Full featured JavaScript lightbox gallery. No dependencies. Important notice lightgallery.js has been merged with lightGallery. That m
Present your links in style 🔗🔮
links Present your links in style 🔗 🔮 links screenshot Have you ever wanted a place that can make all your profiles and links nicely organized, easi
🤍 A minimalist portfolio template for Developers
ForDaFolio 🚀 A minimal portfolio template for Developers! Note: Since this template is currently being worked on, expect that the code is not yet org
Um jogo da memória tematizado com One Piece.
Getting Started - Jogo da Memória Eis um joguinho da memória . Também foi o primeiro projeto meio complicadinho que consegui resolver por conta própri
A tiny JavaScript library to enable CSS animations when user scrolls.
A tiny JavaScript library to enable CSS animations when user scrolls. This library allows you to toggle one or more classes on an element when it appe
A small jQuery plugin for rendering scroll-based HTML animations
Storyline Build beautiful landing pages that change as the user scrolls up or down. Project created in 2013 and ported to GitHub in 2021. Demo Just vi
A jQuery plugin that works in harmony with animate.css in order to enable animations only when content comes into view.
jQuery AniView A jQuery plugin that works in harmony with animate.css in order to enable animations only when content comes into view. Now supports v4
CSS-based animations triggered by JS, defined in your stylesheet
Anim-x CSS-based animations triggered by JS, defined in your stylesheet. $ npm i https://github.com/LTBL-Studio/anim-x.git Quick start An animation is
A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic animation.
Lava-Lamp Description: A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic anima
A timed continuous carousel that uses vanilla JavaScript & CSS animations.
Continuous Carousel ∞ Timed continuous carousel that uses vanilla JavaScript & CSS animations. It supports both horizontal and vertical scrolling. Mar
Showcase All Your Projects 🛍️🎇
Projects Showcase All Your Projects 🛍️ 🎇 projects screenshot Introducing Projects Present all your projects in style with a super customizable web a
Simple scroll based text reveal animation library.
Simple scroll based text reveal animation library. ⛰️ DEMO Getting Started Using packge manager NPM Install textify using npm: npm install textify.js
A responsive and open source portfolio for software developers (Next.js & Tailwind CSS version).
Software Developer Portfolio 💯 A responsive and open source portfolio for software developers (Next.js & Tailwind CSS version). Website Screenshot In
🤍 A minimalist portfolio template for Developers
ForDaFolio 🚀 A minimal portfolio template for Developers! Note: Since this template is currently being worked on, expect that the code is not yet org
A Notion themed portfolio developed with NextJS, deployed on Vercel.
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://
My personal website – Built using Next.js, TypeScript, MDX, Sanity.io and Tailwind
kenaqshal.com Framework: Next.js Database: PlanetScale ORM: Prisma Authentication: NextAuth.js Deployment: Vercel CMS: Sanity Styling: Tailwind CSS Ov
:loop: Create loopy loading animations
Sonic.js See some examples! Create your own with Sonic Creator! Sonic is a tool that you can use to create spinny-loady-thingies on the fly. It's best
Delightful, performance-focused pure css loading animations.
Loaders.css Delightful and performance-focused pure css loading animations. What is this? See the demo A collection of loading animations written enti
CSS classes to move your DOM!
CSShake Some CSS classes to move your DOM! Live Demo Download Center You could download the complete csshake.css file or separated files for each shak
CSS3 Animations with special effects
🎩 magic CSS3 Animations with special effects. (→ 3.1 kB gzip) Demo Checkout the demo for the animations here Table of Contents Installation Getting S
Transform your icons with trendy animations.
iconate.js A call to transform your existing icons in a cool trendy way iconate.js is a tiny performant library for cross-browser icon transformation
Custom navigations for Solid written in Typescript. Implement custom page transition logic and ✨ animations ✨
solid-custom-navigation Get, Set, Go! Custom navigations for Solid, written in Typescript. Implement custom page transition logic and ✨ animations ✨ .
Evolve is an online investment portfolio management system where users can keep track of all the assets that they have invested in and how well their assets are performing.
Evolve is an online investment portfolio management system where users can keep track of all the assets that they have invested in and how well their assets are performing.
This is personal portfolio website that features the projects I have been working on, all the contact information is provided as well.
Personal-Portfolio This is personal portfolio website. Built With React CSS VS code Live Demo Live Demo Getting Started Prerequisites: Create an accou
Deno app to serve gmi pages on-the-fly for a gemini instance of my portfolio & blog
Aries Deno app to serve gmi pages on-the-fly for a gemini instance of my portfolio & blog Usage In order to run locally, you'll need SSL certs. You ca
Check out my Portfolio!!!
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
🌐 ⚡ A minimal portfolio template for Developers
React Developer Portfolio template Live Demo https://react-portfolio-v1.netlify.app/ Figma Design https://www.figma.com/community/file/111624666050753
Custom alert box using javaScript and css. This plugin will provide the functionality to customize the default JavaScript alert box.
customAlertBoxPlugin Custom Alert Box Plugin Using JavaScript and CSS Author: Suraj Aswal Must Include CSS Code/Default Custom Alert Box Class: /* mus
⚡️ A minimal Portfolio template for Developers
Portfolio Theme A light weight , responsive portfolio theme by SAIF ALI Contact me at telegram for more templates, updates or suggetion SAIF ALI Credi
Portfolioshop builds custom portfolio websites with submitted user data.
Portfolio Shop What our project does? We are trying to build a website to make the process of building personal portfolios easier. Often we have seen
4YJ's portfolio website 🚀
4YJ's portfolio website 🚀 This page is optimized for 'Chrome' browser 🌍 Please don't report the issue I don't fix it 🧑🔧 I'll take care of my work
A (very) minimalist creative coding playground. Make animations using only 64 HTML sliders!
Sliderland A (very) minimalist creative coding playground. Make animations using only 64 HTML sliders! Credits The recording feature uses ffmpeg.wasm
Portfólio desenvolvido com NextJs e integrado com GraphCms e api do Github.📁
🌐 Portfolio (Bio) Aplicação JamStack desenvolvida com NextJs integrado ao GraphCms. 🚀 Projeto | Tecnologias | Rodar Aplicação | Bibliotecas | Licenç
Nebula is a lightweight (1kb compressed) JavaScript library that creates beautiful universe animations.
Nebula is a lightweight JavaScript library for creating beautiful universe animations. Including configurable Stars, Nebulas, Comets, Planets and Suns. Compatible with SSR
⚡ My personal website.
nafeez.xyz Framework: Next.js Database: PlanetScale ORM: Prisma Authentication: NextAuth.js Deployment: Vercel Styling: Tailwind CSS Running Locally C
Portfólio desenvolvido com NextJs e integrado com GraphCms e api do Github.📁
🌐 Portfolio (Bio) Aplicação JamStack desenvolvida com NextJs integrado ao GraphCms. 🚀 Projeto | Tecnologias | Rodar Aplicação | Bibliotecas | Licenç
⚡ Personal website and blog made using TypeScript, Next.js, Tailwind CSS.
小康 blog View Demo · Report Bug · Request Feature 🌍 honghong.me Framework: Next.js Database: Planetscale ORM: Prisma Authentication: NextAuth.js Deplo
🎬 super easy recording for p5.js animations
About • Why p5.capture? • Getting started • API Options • Browser compatibility • Limitations About Assuming you would like to record p5.js animations
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
Terminal Styled Portfolio Website ˋ( ° ▽、° ) , a terminal style/styled portfolio website made with 3 using react.
AshTerm A Terminal Styled Portfolio Website. 🐱💻 Made Using- ⚛ Framework ReactJS 💻 Terminal react-console-emulator 🚀 Deployed using CloudFlare Run
Manage your asset portfolio. Be rich.
Be Rich Manage your assets online using "Asset Portfolio" Frontend (Javascript) React.js Canvas.js Zustand Material UI Axios React-Cookie Backend (Typ
🛰 Shared component across routes with animations
Shared Vue component across routes with animations Live Demo Why? It's quite common you might have a same component used in different routes (pages) w
Animation Academy teaches you CSS animations using the transition and animation properties.
Animation Academy Open Animation Academy Contents Background Built With Functionality Feature Highlights Wireframes Features In Development Backgrou
Animated FlatList component that supports entering, exiting and reordering animations.
react-native-flatlist-animated Animated FlatList component that supports entering, exiting and reordering animations. Installation npm i react-native-
🌸 A fast and fun way to learn Japanese alphabets: hiragana & katakana. Don't wait - learn now!
Sakurator | Start learning 日本語 here Sakurator (Website publish date: ~4-6 April '22) - a personal trainer for learning Japanese alphabets (hiragana &
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
Source code of d1m0s.me
Welcome to d1m0s23 WebSite 👋 Own beautiful card-site Install npm i npm install -g serve Prepare npm run build Run in production serve -s build -l 3
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
Super Cat Meow Squad! 🐱
This page dynamically displays the 6 members of the SCMS and contains some interactions with other users interested in them, like commenting on them or a like counter for each kitten.
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.
Lightweight Loading Animation
◼️ Features: 🛠 Easy to Use 🌠 Fast & Lightweight (0.5Kb) 💪 No dependencies, built with VanillaJS 🌎 Tested in all modern browsers ◼️ Demo: https://b
Portfolio for Intro to Photography/Digital Media Production
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://
Veroo is a cappuccino delivery app. This application is for the purpose of studying modern interface and animations.
Veroo Veroo is a cappuccino delivery app. This application is for the purpose of studying modern interface and animations. Pleasant, fluid and lively
A full-stack application for junior developers to find jobs that match their skill-level, find gigs in order to boost their resume, and showcase a portfolio.
Junior is a full-stack web application that was created to facilitate junior developers in finding jobs that match their skill-level, boosting their resume through finding and completing gigs, and providing a way to easily showcase a portfolio
"Trying" to code my personal website
Preview (just a prototype) Dark mode White mode This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the developmen
Full-Stack Web & Mobile Developer Portfolio (Landing Page only)
[DRAFT] Full-Stack Web & Mobile Developer Portfolio (Landing Page only) 📧 Contact me at: LinkedIn My company's website Project Description ⚠️ Nothing
Portfólio fictício de fotografia criado com os conhecimentos do curso da Origamid.
S.Klafer - Photographer 📚 Sobre Portfólio fictício de fotografia criado com os conhecimentos do curso da Origamid. 📰 Seções O site é composto por 6
Responsive Portfolio Website Using Html, Css and JavaScript, With a beautiful user interface
Responsive Portfolio Website Alexa Watch it on youtube Responsive Portfolio Website Alexa Responsive Portfolio Website Using Html, Css and JavaScript,
Personal Blog - a project developed with Angular for the front-end interface and Wordpress for the back-end API served with Docker containers
PersonalBlog This project was generated with Angular CLI version 13.0.1. Front-end Interface Development server Run ng serve or ng serve --configurati
A powerful little tool for managing CSS animations
NO LONGER BEING SUPPORTED Please consider https://github.com/ThrivingKings/animo instead animo.js A powerful little tool for managing CSS animations.
CSS animations engine
Animatic With Animatic it's easy to animate over a hundred objects at a time. Each item can have it's mass and viscosity to emulate realistic objects!
Making Animation Simple
Just Animate 2 Making Animation Simple Main Features Animate a group of things as easily as a single thing Staggering and delays Chainable sequencing
Simple & lightweight (4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
lax.js Simple & lightweight (4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. DEMO What's new w
✨ Elegant portfolio template built on NextJS and Tailwind.
Obsidian ✨ Obsidian is a minimal and lightweight portfolio template built on NextJS and TailwindCSS. ✨ Setup Install the dependencies Edit content Cha
A minimal norui portfolio example built with NextJS and powered by Notion 🚀.
Minimal Norui A minimal norui portfolio example built with NextJS and powered by Notion 🚀 . Links Demo Site Documentation Minimal Norui Notion Databa
Automatically sync your leetcode solutions to your github account - top 5 trending GitHub repository
LeetHub - Automatically sync your code to GitHub. Top 5 Trending JavaScript Repositories Available on: What is LeetHub? A chrome extension that automa
Slide-element - A ~700 byte Promise-based library for animating elements with dynamic heights open & closed. Basically, a modern variant of jQuery's slideUp(), slideDown(), and slideToggle().
slide-element A tiny, accessible, Promise-based, jQuery-reminiscent library for sliding elements with dynamic heights open & closed. To see it in acti
Atropos - Stunning touch-friendly 3D parallax hover effects
Atropos Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects. Available for J
Minimalistic portfolio/photography site with masonry grid, page transitions and big images.
Gatsby Starter Portfolio: Emilia Minimalistic portfolio/photography site with masonry grid, page transitions and big images. Themeable with Theme UI.
My-portfolio - Built with Namecheap, Digital Ocean, Nginx, PM2, SSL, NextJs, Tailwind 3, Graphql, NexusJS, Prisma, Postgres, Passion and Love
Current Implementation technologies Nextjs with Typescript. Static pages/ Server side rendering. Easy peasy state management (Might not need it with i
My-portfolio - 🪶 My portfolio built with Remix, ChakraUI...
Welcome to Remix! Remix Docs Deployment After having run the create-remix command and selected "Vercel" as a deployment target, you only need to impor
Json2video-nodejs-sdk - Create videos programmatically in the cloud from NodeJS: add watermarks, resize videos, create slideshows, add soundtrack, voice-over with text-to-speech (TTS), text animations.
Create videos programmatically in Node JS Create and edit videos: add watermarks, resize videos, create slideshows, add soundtrack, automate the creat
SupremeFolio - Happy New Year. Celebrate this day with a awesome new portfolio
SupremeFolio [~] Description : A clean, beautiful, responsive and 100% customizable portfolio template for Software Developers! Beautify your portfoli
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.
Gatsby Starter Portfolio: Cara Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Using the Gatsby Theme @lekoarts/gat
Youtube Tutorial Project for creating a developer portfolio website.
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev
Personal developer portfolio written with NextJS and Tailwind CSS.
Developer Portfolio This is a Next.js, Tailwind CSS blogging starter template. Probably the most feature rich nextjs markdown blogging template out th