Tetrisly
Root UI Kit
Figma Design System
FlowBite Figma
React Rainbow Components
Bica for Figma
Dashboard UI Kit
Ant Design System for Figma
GSAP
Anime.js
p5.js
Three.js
Lottie by Airbnb
Pixi.js
Sencha Animator
Mixeek
Tetrisly is a new approach to organizing libraries in Figma and Sketch. 2500+ components help you create wireframes faster or create a library for a design system. It’s a perfectly crafted, named, organized Component Library based on recent Figma and Sketch features.
• 2500+ Resizable components
• Organized nested Symbols and Overrides
• Organized Layer and Text Styles
• Auto / Smart Layout
• Components are grouped by their function instead of by their complexity
• Ready to work at scale
• Components ID system
• Easily customizable styles
• Example Wireframes and Process Files
• Components are synced with foundations so every change is global
What are the benefits of Tetrisly?
UX Designers:
• Speed up the wireframing process
• All changes are global, you don’t have to change all elements locally again and again
• Collaborate with other UX designers on library development and expansion
UI Designers:
• Create one source of truth for your product
• Just start creating the component library with ideal file organization
• Build the right inheritance structure for design tokens and components based on your needs
Product teams:
• Reduce the entry threshold for new designers into the project
• A fully scalable file organization methodology gives you unlimited possibilities of product development
• Minimize the number of misunderstandings, mistakes and time-wasting thanks to good organization
Tetrisly GSAPBased on our record, GSAP seems to be more popular. It has been mentiond 74 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Given that beaches are filled with shuttle movements of nature(waves, wind and creatures), I wanted to add some transitions and animations with the help of GSAP. I was also dreaming of putting a crab that would randomly crawl in and out, but I decided to be happy with being able to imagine it.(Laziness-2 Me-0). - Source: dev.to / 7 days ago
Unlike Next.js, I don't assume you know GSAP. So, GSAP which stands for GreenSock Animation Platform is another javascript framework (yes, there are millions of javascript frameworks) that is used to animate elements on websites. Open their website (gsap.com) to explore the type of animations you can make using GSAP. - Source: dev.to / 11 days ago
This direct manipulation allows you to leverage robust animation libraries like GSAP or Anime.js, which require direct DOM access to perform optimally. - Source: dev.to / about 1 month ago
I've been looking for a small project to do that would let me play with Greensock (GSAP), specifically a bit with some SVG files I generated with Corel Vector. When I saw the frontend challenge and had an afternoon at work with downtime between a few projects, I knew it'd be a great opportunity to explore a bit! - Source: dev.to / 2 months ago
Https://pixijs.com/ and https://gsap.com/. All of the source code for my posts can be found at https://github.com/samwho/visualisations :). - Source: Hacker News / 4 months ago
Root UI Kit - Wireframe & design starter kit 🛠️
Anime.js - Lightweight JavaScript animation library
Figma Design System - Starter kit for your UI design projects in Figma
p5.js - JS library for creating graphic and interactive experiences
FlowBite Figma - Build UI interfaces and simplify the process of integrating into live websites with Tailwind CSS
Three.js - A JavaScript 3D library which makes WebGL simpler.