混合滚动

这个要自己去搭建组合,没有现成的

3D Card Effect

https://v1.inspira-ui.com/components/cards/3d-card

Flip Card

https://v1.inspira-ui.com/components/cards/flip-card

iPhone Mockup

https://v1.inspira-ui.com/components/device-mocks/iphone-mockup

Safari Mockup

https://v1.inspira-ui.com/components/device-mocks/safari-mockup

Input

https://v1.inspira-ui.com/components/input-and-forms/input

Placeholders And Vanish Input

https://v1.inspira-ui.com/components/input-and-forms/placeholders-and-vanish-input

Animated Circular Progress Bar

https://v1.inspira-ui.com/components/miscellaneous/animated-circular-progressbar

Animated List

https://v1.inspira-ui.com/components/miscellaneous/animated-list
在这里插入图片描述

Bento Grid

https://v1.inspira-ui.com/components/miscellaneous/bento-grid
在这里插入图片描述

Book

https://v1.inspira-ui.com/components/miscellaneous/book
在这里插入图片描述

Dock

https://v1.inspira-ui.com/components/miscellaneous/dock
在这里插入图片描述

Expandable Gallery

https://v1.inspira-ui.com/components/miscellaneous/expandable-gallery
在这里插入图片描述

Lens

https://v1.inspira-ui.com/components/miscellaneous/lens
在这里插入图片描述

Link Preview

https://v1.inspira-ui.com/components/miscellaneous/link-preview
在这里插入图片描述

Marquee

https://v1.inspira-ui.com/components/miscellaneous/marquee
在这里插入图片描述

Morphing Tabs

https://v1.inspira-ui.com/components/miscellaneous/morphing-tabs
这个只要调整一下主题色就能达成更好的效果,让观众能够一眼看出当前active tab
在这里插入图片描述

multi-step-loader

https://v1.inspira-ui.com/components/miscellaneous/multi-step-loader

在这里插入图片描述

Scroll Island

https://v1.inspira-ui.com/components/miscellaneous/scroll-island
在这里插入图片描述

Smooth Cursor

https://v1.inspira-ui.com/components/miscellaneous/smooth-cursor
在这里插入图片描述

SVG Mask

https://v1.inspira-ui.com/components/miscellaneous/svg-mask

Animated Beam

Particle Image

https://v1.inspira-ui.com/components/special-effects/particle-image
在这里插入图片描述

Blur Reveal

A component to smoothly blur fade in content.
https://v1.inspira-ui.com/components/text-animations/blur-reveal

Box Reveal

An animated box reveal effect with customizable colors, duration, and delay.
https://v1.inspira-ui.com/components/text-animations/box-reveal

想法

Inspira组合起来使用,这些组件之间组合起来放在一个页面中使用,真的是存在灾难性的兼容性问题啊。
这就是社区联合创作动效库的劣势之处
在这里插入图片描述

AI还是太好用了,既能帮你生成高隔离性的应用了多个Inspira UI代码的组件,样式还特别好看,我是不是只需要做后期细节优化和性能优化就好了,或者说就连这些工作AI都能帮我完成了。

不过吧,我想还是需要提前根据目标对AI进行情景预训练?不,不是的,只是我自己的问题而已。

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐