新的 Tailwind CSS + Framer Motion 模板和 Tailwind 工作
- 日期
- Adam Wathan
今天我们又为您带来了关于我们已发布的一些酷炫内容的更新,以及一些即将发布的其他内容!
自 6 月份发布 Tailwind UI 网站模板和全功能访问 以来,我们一直在进行大量维护工作,例如处理 超过 350 个 GitHub 问题和拉取请求,并更新了我们发布的所有新模板,以使用 Next.js 12.2 和新的 next/future/image
组件。
不过,我们确实也抽出时间发布了一些新内容!
Tailwind + Framer Motion = Pocket
大约一周前,我们发布了一个全新的 Tailwind UI 模板,它使用 Next.js 和(当然)Tailwind CSS 构建。
我们称之为 Pocket,它是一个移动应用程序登录页面,充满了各种有趣的动画和交互,由 Framer Motion 提供支持,它基本上是任何人都制作过的最酷的库。
一定要查看 实时预览 以获得完整体验 - 屏幕截图错过了所有最酷的部分,例如页面加载时绘制的图表、功能部分中动画的移动设备 UI 以及受青蛙过河游戏启发的推荐动画。
关于这个模板有个有趣的故事——当我们最初设计和构建它的时候,我们实际上并没有计划在动画或交互方面做任何事情。我们用 Figma 制作了一个静态设计,我们都非常兴奋,然后在三周半前就计划发布它。
但当我们在浏览器中看到完成的模板时,它感觉有点僵硬。在 Figma 中看起来很棒,因为你期望所有东西都是静止的,但当我们在现实生活中看到它时,它更像是一个截图,而不是一个真正的交互式网站。
看看这个模板的早期版本,你可能就会明白我的意思。
我们决定将发布推迟几周,以便我们尝试一些方法来为它注入活力,在尝试了许多不同的想法之后,我们最终得到了今天的结果。
我对这个结果非常满意,我认为代码库是一个非常有趣的案例研究,如果你想学习如何使用 Framer Motion 来实现我们的一些酷炫效果,可以仔细研究一下。
就像我们所有的模板一样,如果你有Tailwind UI 全方位访问许可证,它将与我们所有其他组件和模板一起提供,无需额外费用。
Tailwind 工作
我们已经讨论了构建一个官方的 Tailwind CSS 工作板的想法大约两年了,最终在过去几周做出了尝试一下的决定,看看会发生什么。
如果你是一家使用 Tailwind 的公司,正在寻找前端工程师,或者你是一名希望在使用 Tailwind 的公司工作的开发者,查看 Tailwind 工作了解更多信息。
我们在 7 月 14 日开始构建代码库,并在 8 月 2 日向公司发布了网站。我们使用Laravel、Inertia、React 以及当然还有 Tailwind CSS 构建了它。仅仅 20 天就能用这些工具构建出如此惊人的东西!
我们仍在确定定位以及如何使其成为使用 Tailwind 的公司寻找前端人才的最佳场所,因此,如果你在公司进行任何招聘,并且有任何反馈或想法,请给 Peter 发邮件——他负责这个项目,正在寻找与之交谈的人。
例如,我们正在努力弄清楚的一件事是如何让大家明白,工作并不一定要严格地“整天用 Tailwind CSS 样式化东西”才能适合——世界上并没有很多这样的工作,我们甚至在制作 Tailwind CSS 本身的公司里都没有这样的工作!
但是,很多人讨厌与 CSS 搏斗,即使他们不是每天都在写 CSS。
有很多开发者会很高兴地知道,当他们确实需要做一些样式化时,他们可以用 Tailwind 而不是一些自定义的 CSS 意大利面代码。
我们希望招聘板成为一个寻找 React 开发者、Vue 开发者、Laravel 开发者、Rails 开发者的地方,无论是谁——只要这个人能在需要样式化东西的时候使用 Tailwind,就适合 Tailwind Jobs。
正在进行中…
我们正在进行一些很酷的事情,这些事情将在接下来的几周内发布。
- 我们几乎完成了 Heroicons v2.0,以及一个与之配套的 新网站
- 一个非常漂亮的 个人网站模板 即将发布到 Tailwind UI
- Headless UI v1.7 即将发布
- 我们设计了一堆新的组件,专门用于 Tailwind UI,我们将在下周开始构建它们。
所以,请在几周后关注另一个更新,其中包含更多内容!随着大型模板/全访问发布的完成,我很高兴从创建全新产品转向将今年剩余时间专注于使 Tailwind CSS 和 Headless UI 变得更好,并在 Tailwind UI 中添加大量很棒的新内容。