vue 动效库 Inspira UI 中比较好看的效果记录
混合滚动
这个要自己去搭建组合,没有现成的
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进行情景预训练?不,不是的,只是我自己的问题而已。
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)