新的 Tailwind CSS + Framer Motion 模板和 Tailwind Jobs

今天又为您带来一些我们已经发布的酷炫内容,以及一些即将发布的其他内容的更新!

自从六月份发布 Tailwind UI 网站模板和全访问权限以来,我们一直在做大量的维护工作,比如处理超过 350 个 GitHub issues 和 pull requests,并更新我们发布的所有新模板以使用 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 CSS 工作板的想法,最终在最近几周做出决定尝试一下看看会发生什么。

如果你是一家使用 Tailwind 的公司,正在寻找前端工程师,或者你是一名想要在使用 Tailwind 的公司工作的开发者,可以查看 Tailwind Jobs 了解更多信息。

我们在 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。

我们有一些很酷的东西正在进行中,将在未来几周内推出:

所以在接下来的几周内会有更多更新!随着大型模板/全访问发布已经完成,我很高兴能从创建全新产品转向专注于让 Tailwind CSS 和 Headless UI 变得更好,并为 Tailwind UI 添加大量很棒的新内容。