Tailwind.run() 在线 Tailwind CSS 代码编辑器

发布于 作者

Tailwind.run() Online Code Editor for Tailwind CSS image

Tailwind.run() 是由 Utkarsh Kukreti 提供的在线服务,它为浏览器中的 Tailwind CSS 提供“fiddle”或“pen”风格的功能,甚至允许交互式地进行构建时配置功能。

使用此服务,您可以跳过设置步骤,如果您想进行实验或分享一些内容。它的一些主要功能包括

  • 在浏览器中编译自定义 Tailwind CSS 配置和 CSS
  • 在 5 个屏幕尺寸中实时预览
  • 带 CSS 定义预览的类名自动补全
  • 在线保存代码或导出 .zip
  • Vim/Emacs/Sublime 键绑定 + Emmet
  • 登录并保存/分支实验

您可以通过“配置”选项卡自定义配置,并实时查看更改

此外,该服务还包括用于已解析(或生成的)配置、CSS 和编译后的 CSS 的选项卡。

在预览方面,您可以在五个屏幕尺寸之间切换,这使得学习 Tailwind 并查看更改如何影响各种屏幕尺寸变得非常快速。

要开始使用,请访问 Tailwind.run 并使用您的 GitHub 帐户登录以分享和保存您的作品。

Paul Redmond photo

Laravel News 的特约撰稿人。全栈 Web 开发人员和作家。

归档于
Cube

Laravel 新闻稿

加入 40,000 多名其他开发者,绝不错过新的技巧、教程等等。

Laravel Forge logo

Laravel Forge

轻松创建和管理您的服务器,并在几秒钟内部署您的 Laravel 应用程序。

Laravel Forge
Tinkerwell logo

Tinkerwell

Laravel 开发人员必备的代码运行器。使用 AI、自动补全和本地和生产环境的即时反馈进行调试。

Tinkerwell
No Compromises logo

No Compromises

Joel 和 Aaron,来自 No Compromises 播客的两位经验丰富的开发人员,现在可以为您的 Laravel 项目雇用。 ⬧ 每月固定价格 7500 美元。 ⬧ 没有冗长的销售流程。 ⬧ 没有合同。 ⬧ 100%退款保证。

No Compromises
Kirschbaum logo

Kirschbaum

提供创新和稳定性,确保您的 Web 应用程序取得成功。

Kirschbaum
Shift logo

Shift

运行旧版本的 Laravel?即时、自动化的 Laravel 升级和代码现代化,让您的应用程序保持新鲜。

Shift
Bacancy logo

Bacancy

只需每月 2500 美元,即可使用拥有 4-6 年经验的经验丰富的 Laravel 开发人员为您的项目增值。获得 160 小时的专业知识和 15 天的无风险试用。立即安排通话!

Bacancy
Lucky Media logo

Lucky Media

立即获得幸运 - Laravel 开发的理想选择,拥有十多年的经验!

Lucky Media
Lunar: Laravel E-Commerce logo

Lunar: Laravel 电子商务

Laravel 电子商务。一个开源包,将现代无头电子商务功能的强大功能带到 Laravel。

Lunar: Laravel 电子商务
LaraJobs logo

LaraJobs

官方 Laravel 职位招聘网站

LaraJobs
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit: Laravel SaaS 启动工具包

SaaSykit 是一个 Laravel SaaS 启动工具包,它包含运行现代 SaaS 所需的所有功能。付款、漂亮结账、管理面板、用户仪表板、身份验证、现成组件、统计信息、博客、文档等等。

SaaSykit: Laravel SaaS 启动工具包
Rector logo

Rector

您无缝升级 Laravel、降低成本和加速创新的合作伙伴,助力企业成功

Rector
MongoDB logo

MongoDB

通过 MongoDB 和 Laravel 的强大集成来增强您的 PHP 应用程序,使开发人员能够轻松高效地构建应用程序。支持事务性、搜索、分析和移动用例,同时使用熟悉的 Eloquent API。了解 MongoDB 的灵活、现代数据库如何改变您的 Laravel 应用程序。

MongoDB
Maska is a Simple Zero-dependency Input Mask Library image

Maska 是一个简单的零依赖输入掩码库

阅读文章
Add Swagger UI to Your Laravel Application image

在您的 Laravel 应用程序中添加 Swagger UI

阅读文章
Assert the Exact JSON Structure of a Response in Laravel 11.19 image

在 Laravel 11.19 中断言响应的精确 JSON 结构

阅读文章
Build SSH Apps with PHP and Laravel Prompts image

使用 PHP 和 Laravel 提示构建 SSH 应用程序

阅读文章
Building fast, fuzzy site search with Laravel and Typesense image

使用 Laravel 和 Typesense 构建快速、模糊的网站搜索

阅读文章
Add Comments to your Laravel Application with the Commenter Package image

使用 Commenter 包在您的 Laravel 应用程序中添加评论

阅读文章