🔥使用 React JS 构建令人惊叹的作品集网站
你好👋,
我想创建一个与众不同、独具特色的作品集,其中包含一些设计和动画元素。
演示链接如下:
https://react-portfolio-sigma.vercel.app/
对于这个项目,我使用了这些库,
▶️React JS
▶️Framer-motion 用于酷炫的过渡和动画
▶️Styled-Components
▶️Particle JS
▶️React Router
首先,我在 Figma 中完成了设计,并使用了一些很棒的插件和资源。我已在 GitHub 的 ReadMe 文件中列出了本网站使用的所有资源。
这是我如何创建这个网站的教程!
我在构建这个项目时学到的东西,
▶️ 使用 Styled-components 进行复杂样式化
▶️ 如何使用 Framer-motion 创建页面过渡效果
▶️ 我们如何利用组件结构的优势
▶️ 如何在 React JS 中使用 ParticleJS 实现出色的背景效果
▶️ 在 reactJS 中使用 Lazy 和 suspence 使组件加载更快
▶️ 许多很棒的纯 CSS 动画。
您可以使用此作品集,如果您想在其他地方使用它,小额信贷会受到欢迎(非强制性),只需在商业使用之前检查所有图像和其他资产的许可证即可。
我会努力提升它的速度和性能。
欢迎尝试不同的设计和动画,也可以在评论区@我或分享你的链接。
欢迎提出任何建议!
在评论中分享您的作品集,以便所有其他人/初学者可以获得不同的想法和灵感。
您可能还喜欢这些网站模板:
感谢阅读😄
欢迎访问我的 YouTube 频道:
@CodeBucks
在 Instagram 上关注我,我会在那里分享很多有用的资源!