PhotoSwipe
animate.css
PhotoSwipe | animate.css | |
---|---|---|
11 | 82 | |
23,783 | 79,790 | |
- | 0.2% | |
6.7 | 3.5 | |
24 days ago | 2 days ago | |
JavaScript | CSS | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
PhotoSwipe
-
Looking for Advice on Imagely Premium?
Depending on your requirements and your experience with software development, you could give https://photoswipe.com/ a go. Alternatively, you could use the native gallery block with https://wordpress.org/plugins/lightbox-photoswipe/.
-
Looking for lightbox/gallery library for jetpack compose
Hello, I want to add a photo view dialog to view the photos in my app, it's not the gallery app so I don't want to implement all the interactions/animations by myself, is there any gallery library available for jetpack compose that works similar to web's version of photoswipe.com ?
- 클리앙이 IT 커뮤니티가 맞나요?
-
[Update] Simple static website for an artist friend
In the end I went back to pure html/css and only used the PhotoSwipe javascript module for the Image Gallery.
-
HEY :) a little hand?
photoswipe or lightgallery
- Best NPM Package for React.js
- PhotoSwipe v5 released
-
Tell HN: If You Are in Russia
I am in Ukraine right now. In a small village to the north of Kyiv. I am the author of PhotoSwipe (https://github.com/dimsemenov/photoswipe).
Yesterday I was filling bags with sand to make a fortification for local defenders. I hear artillery as I am writing this. And by the way, you get used to it.
In the last few days I received about 20 emails offering support, none of them were from russian devs. One asked a technical question about my lib, I answered "do you know what's happening in Ukraine right now?" - no reply.
I see a few russian companies and personalities openly condemn the aggression (such as JetBrains) and I'm very grateful to them. However most are silent, or have very weak Instagram post "no war" with a sadface, or even worse - post with "we are out of politics".
And that's IT people, which are presumably more informed. Unfortunately, due to misinformation most russian people have no idea what's happening here, that's why sanctions should affect regular people, and not just putin and his close allies.
-
Is there a website where i can buy a image gallery like this?
Or do you mean something like https://photoswipe.com or https://www.lightgalleryjs.com?
- PhotoSwipe v5 beta now available
animate.css
-
Add basic animations to your site using Animate.css and wow.js
Animate.css
-
Free Resources Every Web Developer Should Know About
Animate.css (https://animate.style/)
-
Using the View Transitions API with Astro
Now, the content slide animation will come in later, as shown below: How about creating an altogether custom animation? Let’s make a bounce animation.
- Animate.css – A cross-browser library of CSS animations
-
Framer Motion tutorial: How to easily create React animations
There are a few ways to create animations in React, but all of them fall into two broad categories: CSS animations, which change visual state by applying CSS rules; and, JavaScript animations, which use JavaScript to change the properties of the element. In either of those categories, you can either implement the animation from scratch, or you can use a library. On the CSS side, you can compose your animations with CSS rules, or you can use third-party libraries like Animate.css.
-
What is a good tool to make an effect like this one?
Use actual CSS/JS to make the effects. You can learn most of it if you search for CSS3 animations (Mozilla dev docs are a good option). You could also use a library like Animate.css
- Anime.js – A lightweight JavaScript animation library
-
Optimizing CSS Transition Animations with Animate CSS Grid
Animate.css: This CSS animation library offers different pre-built animations that can be easily applied to elements on a website. Different animations in the library, such as fades, slides, flips, and more, can be used to animate CSS Grid layouts.
- Best free CSS animation?
- Css
What are some alternatives?
Swiper - Most modern mobile touch slider with hardware accelerated transitions
anime.js - JavaScript animation engine
Owl Carousel 2 - DEPRECATED jQuery Responsive Carousel.
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
slick - the last carousel you'll ever need
particles.js - A lightweight JavaScript library for creating particles
Flickity - :leaves: Touch, responsive, flickable carousels
velocity - Accelerated JavaScript animation.
awesome-blazor - Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
Odoo - Javascript and SVG odometer effect library with motion blur
Glide.js - A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
monkeytype-themes - custom css themes for monkeytype