Shiro的导航栏

组件来源于Innei在24年写的Shiro主题的博客, 博客开源, 读了下源码使用的是Motion库, 用到了layout和layoutId两个关键属性完成这个效果, 当然还有Innei大佬那神级UI的审美, 我很喜欢, 收录了进来, 想要进一步复刻可以使用DropdownMenu

流星音潮-Meteor Soundwave

组件灵感来源番茄代理人的博客(https://fqzlr.com/music), 很喜欢他里面的3D音频可视化的效果, 于是去学习了Web Audio API, Three.js, 还有很多相关联的技术, 然后使用Ai实现了效果. 因为GLSL里面无法使用JS上的SimplexNoise库, 所以用的是原生数学算法.上传音频后再次点击屏幕即可开始播放, 再次点击暂停