Sin 的 UI 组件小宝库
复刻我喜欢的 UI 组件，收藏我喜欢的 UI 组件。
2026-07-21
Polaroid UI类似于拍立得的小组件
改组件来源于https://github.com/nuxt-ui-templates/portfolio项目, 是一个类似于拍立得的邮票组件, 感觉可以等我找到女友后做那种邮票情头的双人站就保留下来了.还可以使用到照片墙项目的部分, 总之感觉很好就想要, 就夺舍了...
2026-07-23
ColorModeButton 带有动画的切换主题的按钮
该组件来源于https://github.com/nuxt-ui-templates/portfolio项目, 常用的页面切换主题的按钮, 比Ai写的好看一百倍, 动画丝滑, 而且理解之后很适合改造, 所以直接扣下来了... 左侧按钮是原项目的按钮的, 只有扩散效果; 使用JS控制ClipPath, 导致难以实现右侧按钮的收缩效果. 右侧按钮是改造的按钮, 有扩散和收缩的效果, 使用css控制clip-path, 效果更好
2026-07-31
Nihilistic Hero 虚无实用主义左右布局 Hero
从网图中收到启发，GPT-Image2抠像人物成png图片，经过实验室测试后收录的 16:9 Hero 海报布局, 使用左右分栏构图、衬线标题、装饰分割线、人物透明 PNG 和紫橙裂纹 SVG, 并按明暗主题切换虚无实用主义/理想完美主义。
2026-08-17
流星音潮-Meteor Soundwave
组件灵感来源番茄代理人的博客(https://fqzlr.com/music), 很喜欢他里面的3D音频可视化的效果, 于是去学习了Web Audio API, Three.js, 还有很多相关联的技术, 然后使用Ai实现了效果. 因为GLSL里面无法使用JS上的SimplexNoise库, 所以用的是原生数学算法.上传音频后再次点击屏幕即可开始播放, 再次点击暂停
