开源项目参考册

2026-10-17搜集,10-18整理。看过实际页面,再决定具体模仿哪些部分。

打开新界面试样 →

这次怎么改

主要参照Fernscout的浅底、照片和清楚的导航;表单及行程条目对照Travel Planner;卡牌倾斜和局部反光分别改编自Motion Primitives与Magic UI。文案直接写任务和缺项。

当前K02试样已有出发、选卡、行程、记录、纪念册和导出六个连通视图,以及设置、卡牌详情和笔记弹层。临时图文记录默认不入册、刷新后清空;可改封面标题、选择章节及逐页阅读,导出预览固定当前选择。HTML/PDF/ZIP仅展示流程;不调用AI,不执行真实抽卡,也不生成文件。六页视觉尚待用户审阅。

severinlindenmann/fernscout

主要视觉参照 · Apache-2.0,品牌资产另列

severinlindenmann/fernscout公开演示的原始页面截图

具体模仿:浅色背景、黄色选中态、照片与内容并列、按天阅读的旅行页。

当前范围:采用布局与界面规则,不使用对方名字、标志和旅伴插画。

Serkanbyx/travel-planner

主要组件参照 · MIT

Serkanbyx/travel-planner公开演示的原始页面截图

具体模仿:旅行设置、城市卡、按天活动列表、输入框和按钮的状态。

当前范围:取组件组织与状态;不用模板首页的英文宣传句,也不引入其数据层。

ibelick/motion-primitives

主要动作参照 · MIT

ibelick/motion-primitives公开演示的原始页面截图

具体模仿:Tilt、Morphing Dialog、Transition Panel分别对应倾斜、详情展开和设定换段。

当前范围:本轮只改编Tilt坐标响应;弹层采用原生dialog,未谎称已集成React组件。

magicuidesign/magicui

局部组件参照 · MIT,免费仓库范围

本项已核对官方组件源码;查看官方动态演示。

具体模仿:ShineBorder的遮罩边缘反光,放在卡框上。

当前范围:本轮改编其CSS遮罩,保留许可;不堆满发光按钮、粒子和背景网格。

simeydotme/pokemon-cards-css

卡牌表现参照 · GPL-3.0

simeydotme/pokemon-cards-css公开演示的原始页面截图

具体模仿:点击聚焦、指针倾斜、反光随角度变化,值得直接对照动作。

当前范围:未复制其GPL代码及宝可梦图片;当前动作由MIT参照改编,经典机械框需求仍在。

Nodlik/StPageFlip

旅行书动作候选 · MIT

Nodlik/StPageFlip公开演示的原始页面截图

具体模仿:纸页翻动、横向跨页与纵向单页切换。

当前范围:当前只看原演示和源码配置,未集成;已发现维护与边界问题,后续先做小实验。

seanmorley15/AdventureLog

行程组织参照 · GPL v3,原许可文件

seanmorley15/AdventureLog公开演示的原始页面截图

具体模仿:按天安排、地点详情与地图联动的组织方式。

当前范围:本轮只记录公开首页截图和源码职责;未登录检查内部功能,不把README功能当实测。

组件具体照哪里做

组件固定版本源码本轮实际状态
页面底色与选中态severinlindenmann/fernscout / app/globals.css试样已改编颜色变量
旅行总览severinlindenmann/fernscout / components/TripHero.tsx试样改成左侧设定、右侧城市照片
导航severinlindenmann/fernscout / components/SiteNav.tsx试样出发/选卡/行程
按天阅读severinlindenmann/fernscout / app/TripStory.tsx布局参考,未复制旅程数据
旅行设置Serkanbyx/travel-planner / src/components/plans/CreatePlanDialog.tsx试样使用原生dialog与本项目模式选项
按钮Serkanbyx/travel-planner / src/components/ui/button.tsx将类名规则转为原生CSS,目标高度48px
输入框Serkanbyx/travel-planner / src/components/ui/input.tsx试样白底输入框和原生日期字段
城市卡Serkanbyx/travel-planner / src/components/plans/PlanCard.tsx照片示例与示例行程分开,不装成已有记录
行程条目Serkanbyx/travel-planner / src/components/activities/ActivityCard.tsx试样园林/休息/晚饭条目
每日容器Serkanbyx/travel-planner / src/components/activities/DayColumn.tsx仅参考组织,未实现拖动或自动排程
卡牌倾斜ibelick/motion-primitives / components/core/tilt.tsx已改编为原生指针事件;无Motion弹簧运行时
卡牌详情ibelick/motion-primitives / components/core/morphing-dialog.tsx本轮原生dialog可开关,共享元素变形待后续
分段切换ibelick/motion-primitives / components/core/transition-panel.tsx源码已读,本轮未集成其React实现
卡框反光magicuidesign/magicui / apps/www/registry/magicui/shine-border.tsx已改编CSS遮罩,仅主动交互时播放
翻书Nodlik/StPageFlip / src/Settings.ts仅候选,不代表PDF或排版已经实现
真实日程组织seanmorley15/AdventureLog / frontend/src/lib/components/collections/CollectionItineraryPlanner.svelte仅源码职责研究,未登录或复制代码

K02补充:实际日记页

已查看Fernscout实际日记页,参考照片在前、日期与地点随后、正文单列阅读的顺序。六页流程说明与桌面/手机画面记录本次扩展范围。

Fernscout实际日记页可见区域,照片、日期地点与单列正文的阅读顺序

此图是实际日详情证据;旧fernscout-day.png保留为总览截图,不改称日详情。只参考布局和阅读顺序,没有复制旅者叙述或照片;11个仓库与22份固定源码的原统计不变。

把话说直接

旧文案替换方向
把这一趟,抽成自己的。这次去哪儿?
城市已定,开一局城市选好了
还没定?抽个目的地还没想好
这局,按你的节奏来。旅行设置
第2轮 · 留下一种玩法选一张旅行卡
先把这趟走通。确认行程
留一点,当时的自己。记一笔
编成这一册。旅行纪念册
本人材料0还没有照片或笔记
事实完整就绪核对未通过餐费和路线还没确认
当前方案存在需要核验的条件还有两项没确认:营业时间、餐费
未知费用不释放为预算餐费还没填,总费用暂时算不出
受影响者参与状态未齐先问问同行的人是否想参加
采用所选未来变更使用这份行程
当前副本材料范围哪些照片放进书里
服务暂不可用,保留手排入口暂时没收到回复,你可以先自己改
无新合格候选,不扣主动刷新额度没有新卡牌,这次不扣刷新次数
尚无本人旅行材料,可零材料筹备收册还没记录,也可以先看看封面

来源与许可

共看11个仓库,其中7个取得明确开源许可文件;3个未找到明确许可,1个附加了Commons Clause。核心7个仓库的22份选定源码已固定到提交版本。没有安装或运行下载的仓库,也没有登录第三方演示账户。

截图是原项目界面,保留原标识供辨认。试样没有使用Fernscout标志、宝可梦图片或GPL代码。已改编的代码及规则来源附相应许可:Fernscout、NOTICE、Travel Planner、Motion Primitives、Magic UI。

城市图片来自Wikimedia Commons,作者Ernest Jourdier,按CC BY 4.0使用;原文件未修改,仅按版面裁切显示。它是城市配图,不是用户旅行照片。

以下项目不直接复制代码

项目取得的许可信息处理
bedimcode/responsive-travel-website本轮未找到明确许可文件仓库公开不能代替复用许可,不作为直接复制代码的依据。
bedimcode/responsive-travel-website-2本轮未找到明确许可文件不列入可直接复制代码的开源组件清单。
adrianhajdin/travel_ui_ux本轮未找到明确许可文件不把课程仓库公开误写成MIT。
DavidHDev/react-bitsMIT + Commons Clause,含额外限制本轮不采用其代码或Pro资源,不混写成无附加限制的开源组件。

完整改版说明 · 组件来源表