⏱️
记录有用的前端提效网站
nextjsreactcss
Thursday, February 1, 2024
Gradient Page
Gradient Page是一个专门提供渐变壁纸的网站，它们提供超过150种美丽的渐变背景。这些渐变壁纸是专门为应用程序、iPhone 或 Mac 设计的，高质量且多为5K分辨率。网站由位于瑞士的MagicSpace SEO团队创建和维护，他们是一家专注于SEO的顶级机构。他们使用了人工智能技术和神经网络来生成这些高分辨率的渐变壁纸。此外，他们还提供一些免费工具给内容创作者，包括渐变选择组件、Stripe支付通知生成器、头像组生成器、Shadcn UI主题生成器和Open Graph图片生成器等。目前，他们正在以5美元的价格提供90张渐变壁纸，同时也提供了一些免费的iPhone壁纸供人们尝试。此外，他们还为内容创作者提供了一系列的CSS UI渐变或HEX代码，以便在各种项目中使用。
最重要的是它提供了以下几种免费工具，专为内容创作者设计：
渐变选择组件 (Gradient Picker Component): 一个基于React的组件，允许用户挑选渐变、颜色和图片，适用于需要在应用中包含渐变选择功能的开发者。
Stripe支付通知生成器 (Stripe Payment Notification Generator): 可生成假的Stripe支付通知，这对于需要模拟支付通知以进行测试或展示的开发者来说非常有用。
头像组生成器 (Avatar Group Image Generator): 使用Twitter个人资料生成头像组图片的工具，适合需要在应用或社交平台中展示用户群体的开发者。
Shadcn UI主题生成器 (Shadcn UI Theme Generator): 一个工具，能够基于UI渐变和颜色方案生成Shadcn UI主题，适用于希望定制自己应用界面风格的开发者。
Open Graph 图片生成器 (Open Graph Image Generator): 生成网站每个页面的社交预览图，对想要在社交媒体分享时展示吸引人的预览图的内容创作者非常有帮助。
我使用最多的就是Shadcn UI主题生成器,真的是很方便.
logoipsum
Logoipsum 是一个提供免费logo的网站，专为设计师或需要在设计/模型中临时使用标志的人士设计。网站提供各种风格和构图的替代标志，免费使用。当然不能商用
官方网站链接：Logoipsum。
Collection of modern, background snippets
bg.ibelick.com 是一个为网页开发人员提供现成可用的背景片段(collecting)的网站，集合了现代的背景代码片段。这些背景代码片段可以直接被复制并粘贴到下一个项目中。所有的代码片段都是使用Tailwind CSS和Vanilla CSS制作的，以便于轻松集成到不同的网页设计中。
此网站指出，这些背景片段是为全页面背景设计的，而预览可能与实际结果有所不同。它还鼓励使用者点击预览来测试，并根据需要进行调整。
此外，这个网站由@Ibelick创建，并提供了一个指向他们的GitHub页面的链接，其中包含更多背景片段的代码和信息。
UI Skeleton Gallery
UI Skeleton Gallery是一套免费的可定制的SVG骨架加载器UI元素集，用于设计线框和模拟图。
Tailwind Grid Generator
Tailwind CSS 网格生成器是一个帮助开发者更容易创建自定义 Tailwind 网格布局的工具。该生成器允许用户指定列数、行数、槽口大小、DIV 宽度（跨度）。
Box Shadows for TailwindCSS
Box Shadows for TailwindCSS : A curated list of box shadows for TailwindCSS.
评论系统
Umami（给网站加统计，开源免费的 Google Analytics/Vercel Analytics 替代品）