All Projects → iuridepaula → portfolio

iuridepaula / portfolio

Licence: other
Personal portfolio (2018)

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to portfolio

scrollxp
Alpine.js-esque library for scrolling animations on websites
Stars: ✭ 50 (-87.11%)
Mutual labels:  gsap, scrollmagic
Modern.JS
모던 자바스크립트 라이브러리/프레임워크 × KIPFA(한국인터넷전문가협회)
Stars: ✭ 16 (-95.88%)
Mutual labels:  gsap, scrollmagic
Term Sheets
Create animated terminal presentations. Export as SVG, animated GIF, or HTML+CSS
Stars: ✭ 243 (-37.37%)
Mutual labels:  css-animations
bookmarks
Bookmarks that I ❤️
Stars: ✭ 151 (-61.08%)
Mutual labels:  css-animations
generative-art
🌈🎨 Generative Art is the idea realized as genetic code of artificial events, as construction of dynamic complex systems able to generate endless variations. This is also a nuxt-module (@luxdamore/nuxt-canvas-sketch) - [three.js, tensorflow.js and gsap are not included].
Stars: ✭ 41 (-89.43%)
Mutual labels:  gsap
HTML5-Banners
HTML5 animated banner boilerplate. Built for Doubleclick & Sizmek ad management platforms.
Stars: ✭ 47 (-87.89%)
Mutual labels:  gsap
honkai-starrail-scene
【崩坏:星穹铁道】预约页场景提取
Stars: ✭ 33 (-91.49%)
Mutual labels:  gsap
Cssanimation.io
CSS Animation Library for Developers and Ninjas
Stars: ✭ 176 (-54.64%)
Mutual labels:  css-animations
tweenslideshow
A simple slideshow using Tweenmax
Stars: ✭ 34 (-91.24%)
Mutual labels:  gsap
MonsterJS
MonsterJS - a game for learning JavaScript DOM Selectors while playing!
Stars: ✭ 26 (-93.3%)
Mutual labels:  css-animations
nuxt-gsap-module
GSAP module for Nuxt.js
Stars: ✭ 183 (-52.84%)
Mutual labels:  gsap
typed.css
A fully functional and flexible typewriter mixin for SCSS, with Less and Stylus support coming soon! Typed.css supports multiple strings, multi-line strings, variable speeds, per-string styling, animated caret (blinking insertion cursor), directional type-pausing, and much more. It's even accessible! ✨
Stars: ✭ 113 (-70.88%)
Mutual labels:  css-animations
vanillajs-scrollspy
ScrollSpy in pure JavaScript
Stars: ✭ 47 (-87.89%)
Mutual labels:  scrollmagic
Animate.css
🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
Stars: ✭ 73,073 (+18733.25%)
Mutual labels:  css-animations
starback.js
Create a beautiful star falling background with starback.js
Stars: ✭ 337 (-13.14%)
Mutual labels:  css-animations
Micron
a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power
Stars: ✭ 2,252 (+480.41%)
Mutual labels:  css-animations
py-roughviz
The Python implementation of JavaScript Library RoughViz to create interactive sketchy charts
Stars: ✭ 71 (-81.7%)
Mutual labels:  storytelling
FlowGraph
Design-agnostic node system for scripting game’s flow in Unreal Engine
Stars: ✭ 577 (+48.71%)
Mutual labels:  storytelling
CSS-Collection
A wide variety of animations done using only CSS
Stars: ✭ 44 (-88.66%)
Mutual labels:  css-animations
abeamer
frame-by-frame Web Animation framework
Stars: ✭ 49 (-87.37%)
Mutual labels:  css-animations

iuri.is()

🧚 Listen!

Before you start, noticed that this website was built in 2018/2019 and made use of solutions available at the time that are no longer the best way of doing things today! Still, I encourage you to check this solution if you are looking for inspiration, but if you are looking for a "better" way of creating animated websites today, please check these references:


How to run

  1. Clone this repo (how to clone a repo)
  2. Install dependencies
  3. Run

After cloning the repo in your machine, run:

npm install
npm start

That's it 🎉


New version 🚧

I'm currently working on a new portfolio to replace this old one, but since many people's still visiting this one today, I decided to refactor it and make this code more re-usable for all of you. So please be patient!

I'll publish a new versions built with React Hooks and Vue's composition API. The main idea will be to allow you guys to re-use/build animated components easily on your own projects, based on GSAP 3 and ScrollTrigger.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].