PORTFOLIO

设计&编程

我是 Rico，热忱于编程中，沉迷做些有趣和创意的作品。拥有 UI/UX 设计工作经验，目前专注于网页设计和视觉落地，以及开发项目探索。

Vibe Coding 开发指南

设计师的开发笔记

不能错过的网站作品

独立开发和探索的项目

开源仓库

工具/网站模板/SKills

- Web -

(054)

Loading Animations

uiineed 新项目预告

制作中，待上线...

- Article -

(053)

Loading Animations

从 awesome-design-md 的走红，谈设计能力的结构化输出

从 awesome-design-md 的走红，谈设计能力的结构化输出

- Article -

(052)

Loading Animations

推荐 8个优质的设计 Skills

8 top design skills for Vibe Coding

- Article -

(051)

Loading Animations

开源！我的推荐文章创作 Skill

「候选搜集 → 标题生成 → 内容创作 → 自动截图 → 格式适配」

- Article -

(050)

Loading Animations

Impeccable style 优化前端UI的设计Skills

https://impeccable.style/

- Article -

(049)

Loading Animations

找组件灵感？看这12个专注于组件级的灵感网站

精选优秀的模块、组件、控件案例

- Article -

(048)

Loading Animations

拒绝同质化！12个精选shadcn/ui组件库推荐

精选的优质并具备差异化的 shadcn/ui 库

- Article -

(047)

Loading Animations

推荐个人网站设计全流程指南（设计篇）

如何设计个人网站？看看这份全流程指南，附开源模板

- Project -

(046)

Loading Animations

推荐 Ricoui Portfolio

Open Source Portfolio Template

- Article -

(045)

Loading Animations

11个APP灵感库全攻略！设计师必备收藏库！

11 App Inspiration Libraries All in One!

- Article -

(044)

Loading Animations

个人网站选型指南+精选模板

Personal Website Selection Guide for Designers

- Article -

(043)

Loading Animations

推荐什么是梦核美学?

What Is Dreamcore Aesthetics?

- Web -

(042)

Loading Animations

推荐 Rico OG 灵感库

Rico OG Inspiration Library

- Article -

(041)

图标自由！14个优质的免费图标库推荐

Top 14 Free Icon Libraries for Designers & Developers

- Article -

(040)

Loading Animations

一文读懂太空朋克

Design Style Guide - Spacepunk

- Article -

(039)

Loading Animations

推荐时间错位的美学：复古未来主义

The Aesthetics of Time Dislocation Retro-Futurism

- Project -

(038)

Loading Animations

纹理渐变背景合集（1）

50+ Grainy Gradient Backgrounds Pack

- Article -

(037)

Loading Animations

推荐设计风格指南：复古主义

Retro Design Style Guide

- Tools -

(036)

Loading Animations

推荐 CSS 文字渐变生成器

CSS Text Generator

- Article -

(035)

Loading Animations

推荐设计风格指南：新粗野主义

Neo-Brutalism

- Article -

(034)

Loading Animations

网页设计风格指南：粗野主义

Web Design Style Guide - Brutalism

- Project -

(033)

Loading Animations

推荐 LUONMODELS

品牌官网模板 Astro.js

- Web -

(032)

Loading Animations

推荐 UIUX 设计工具&资源库

分享我的设计收藏库

- Web -

(031)

Loading Animations

推荐 GradientsHub.com

高级渐变背景下载

- Web -

(030)

Loading Animations

推荐 Website Inspiration

收集网站灵感和模板

- Web -

(029)

Loading Animations

推荐开源-Uiineed Todo List

200+ Star 中英文双语，即开即用

- Project -

(028)

Loading Animations

推荐 Rico Blog 2024

设计博客开源

- Web -

(027)

Loading Animations

AI Landing Page

AI 官网设计

- Web -

(026)

Loading Animations

Tink 影像故事

个人摄影网站

- Web -

(025)

Loading Animations

旅行房屋租凭

- 3D -

(024)

Loading Animations

Valentine's Day 3D Icons

Free 3D Icons Pack

- Web -

(023)

Loading Animations

XD+HTML+CSS+JS

- Web -

(022)

Loading Animations

社交推广网站

Dating, Social, Promotion

- Web -

(021)

Loading Animations

Dating, Social, Promotion

- Web -

(020)

Loading Animations

推荐设计师的个人网站

3D, Gsap, Portfolio

- UI -

(019)

Loading Animations

Tink 旅行生活日记

Mobile 网站

- Project -

(018)

Loading Animations

待办清单网页版

一款优秀的设计简洁的 Todolist 网页版本

- 3D -

(017)

Loading Animations

Blender 云服务场景

Blender, Cloud

- Web -

(016)

Loading Animations

设计师概念作品

未上线

- 摄影 -

(015)

Loading Animations

阿勒泰旅行记录

- 3D -

(014)

Blender Logo 设计

- 3D -

(013)

Loading Animations

3D Scene Python

Blender Model

- 3D -

(012)

Loading Animations

Blender Model

- 3D -

(011)

Loading Animations

Blender Model

- 3D -

(010)

Loading Animations

3D Scene Blender

Blender Model

- 3D -

(09)

Loading Animations

Blender Model

- 3D -

(08)

Loading Animations

3D Scene Sketch

Blender Model

- 3D -

(07)

Loading Animations

Blender Model

- Web -

(06)

Loading Animations

机器人企业官网

官网设计和开发

- Web -

(05)

Loading Animations

网页概念设计练习

Web design practice

- Web -

(04)

Loading Animations

网页概念设计练习

Web design practice

- Web -

(03)

Loading Animations

网页概念设计练习

Web design practice

- Web -

(02)

Loading Animations

网页概念设计练习

Web design practice

- Web -

(01)

Loading Animations

网页概念设计练习

Web design practice