Cuberto/fluid-card

Stars
289
Rank 143,419 (Top 3 %)
Language
Swift
License
MIT License
Created over 5 years ago
Updated over 5 years ago

Cuberto/fluid-card

Cuberto

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Cuberto's development lab:

Cuberto is a leading digital agency with solid design and development expertise. We build mobile and web products for startups. Drop us a line.

fluid-card

Showcase of animation expandable card control

Author

Cuberto Design, [email protected]

License

fluid-card is available under the MIT license. See the LICENSE file for more info.

liquid-swipe

bubble-icon-tabbar

smooth-scroll

Smooth collection scrolling

flashy-tabbar

One another nice animated tabbar

gooey-cell

mouse-follower

A powerful javascript library to create amazing and smooth effects for the mouse cursor on your website.

rubber-range-picker

liquid-swipe-android

balloon-picker

3d-tap

Custom selection animation for UICollectionViewCell

rate-it

cb-tabbar

smooth-feed

flashy-tabbar-android

bubble-icon-tabbar-android

scroll-sequence-demo

Example of how we create a sequence scrolling effect on sites using the SmoothScroll and GSAP ScrollTrigger libraries

svg-distortion-effect-demo

This example is dedicated to how you can use the SVG Turbulence and Displacement Map filters to create an interesting switching effect for pictures and videos.

reeller

Flexible, powerful and modern library for creating the running horizontal blocks effect, also known as ticker or the «marquee effect».

cursor-magnetic-demo

Example of creation cursor follower and magnetic effect

html-boilerplate

Cuberto Boilerplate that we use to start developing all our projects.

jellyscroll

Library for creating jelly scrolling effect

headers-hover-demo

In this demo we have collected 7 unusual hover effects for large headers.

marquee-effect-demo

You'll find the guide how to create dynamic marquee effect in this demo.

particles

Simple library for creating flying particles.

bglines

Library for creating WebGL dynamic background lines

transparentize-video-demo

This is a simple but neat technique to remove the background from a black and white video and color it using the mix-blend-mode property using pure CSS. This technique allows you to emulate various looped and dynamic spheres and shapes without using WebGL with a pre-prepared video.

liquid-tabbar