Paper.js — библиотека для работы с векторной графикой

Библиотека работает поверх HTML5 Canvas и позволяет создавать и работать с векторной графикой.

Особенности / преимущества:
✔️Открытый исходный код
✔️Импорт и экспорт SVG
✔️Удобный API
✔️Поддерживает современные браузеры

Сайт: http://paperjs.org/
GitHub: https://github.com/paperjs/paper.js
Примеры использования: http://paperjs.org/examples/

#js

👉 @frontend_1

TURN ON THE SYNTHWAVE - Переключатель темы, реализованный при помощи JavaScript и CSS

#codepen #css #js

Подпишись👉 @codepen_1

TroisJS Starfield - Интерактивный фон, сделанный с помощью CSS и библиотеки TroisJS

При наведении на кнопку анимация ускоряется, а при нажатии меняется цвет.

#codepen #scss #js

Подпишись👉 @codepen_1

Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser

Включает в себя объектную модель, SVG-парсер, интерактивный слой и много других инструментов.

Особенности / преимущества:
✔️ Поддержка Firefox 4+, Safari 5+, Opera 9.64+, Chrome (все версии), Edge (все версии), IE11
✔️ Встроенная поддержка анимации
✔️ Поддержка touch устройств
✔️ Поддержка Node.js

Сайт: http://fabricjs.com/
GitHub: https://github.com/fabricjs/fabric.js

#js

👉 @frontend_1

Dolphins at dawn 🐬- Анимация, реализованная с помощью CSS и JS библиотек GSAP и Three.js


#codepen #css #js

Подпишись👉 @codepen_1

Traffic Run Game with Three.js - Игра, сделанная с помощью CSS и библиотеки Three.js

Управление осуществляется с помощью клавиш Up и Down

#codepen #css #js

Подпишись👉 @codepen_1

Toggle Switch | cpc-on-off - Анимированный переключатель, выполненный с помощью Slim, SCSS и JavaScript

#codepen #scss #js

Подпишись👉 @codepen_1

CPC - Spotlight/Highlight (TMNT) 🐢 - Анимация при наведении на карточки, сделанная с помощью CSS и JavaScript

#codepen #css #js

Подпишись👉 @codepen_1

Delivering happiness - Анимированная форма ввода электронной почты, сделанная с помощью Vue.js

#codepen #js

Подпишись👉 @codepen_1

Sparkly skull ✨ - Анимированная 3D сцена, выполненная с помощью SCSS и библиотек Three.js и GSAP

#codepen #css #js

Подпишись👉 @codepen_1

49. parallax bird- Параллакс эффект, сделанный с помощью Less и библиотеки Three.js

#codepen #css #js

Подпишись👉 @codepen_1

Vanilla JavaScript Particle Smoke - Анимация, сделанная с помощью CSS и JavaScript

#codepen #css #js

Подпишись👉 @codepen_1

Who can get my blood? - Анимированная проверка на совместимость групп крови, выполненная с помощью CSS и JavaScript

#codepen #css #js

Подпишись👉 @codepen_1

3D CSS Plane 😎 (Tap to Toggle + Mouse Move Parallax) - Интерактивная моделька, выполненная с помощью Pug, Stylus и библиотеки Babel.js

#codepen #css #js

Подпишись👉 @codepen_1

Ghost Card - Анимированная карточка, сделанная с помощью CSS и библиотеки Three.js

#codepen #css #js

Подпишись👉 @codepen_1

Tuggable Light Bulb! 💡(GSAP Draggable && MorphSVG) - Интерактивная лампочка, сделанная с помощью Pug, Stylus и библиотеки Babel.js

#codepen #css #js

Подпишись👉 @codepen_1

GSAP ScrollTrigger with Parallax Snap and ScrollToPlugin - Параллакс эффект при прокрутке, выполненный с помощью SCSS и библиотеки GSAP.js

#codepen #css #js

Подпишись👉 @codepen_1

Hole - Анимированная сцена, сделанная с помощью библиотеки Three.js

#codepen #css #js

Подпишись👉 @codepen_1

Daily UI #008 - 404 Page - Страница 404 с параллакс эффектом, сделанная с помощью SCSS и JavaScript

#codepen #css #js

Подпишись👉 @codepen_1