需求人群:
"Drip Table 适用于需要快速搭建中后台列表页的前端开发者,特别是那些希望减少编码工作量、提高开发效率的团队。它特别适合在企业级项目中使用,可以快速实现自定义的列表预览和业务功能。"
使用场景示例:
企业资源规划系统(ERP)中的订单管理列表。
客户关系管理(CRM)系统中的客户信息展示。
内容管理系统(CMS)中的新闻发布和文章列表。
产品特色:
可视化搭建:通过简单 JSON Schema 数据生成列表,无需复杂前端代码。
配置化渲染:以 JSON Schema 配置字段,自动渲染所需列表。
动态可扩展:支持自定义组件开发,快速生成业务功能单元格组件。
界面框架自由:支持多种主题,可自定义主题包,兼容多种组件库。
高效开发:用于中后台 CMS 列表页的快速搭建,提高开发效率。
积木化搭建:大幅降低研发周期,简化开发流程。
使用教程:
1. 安装 Drip Table 插件:在项目中通过 npm 命令安装 Drip Table 和 Drip Table Generator。
2. 配置 JSON Schema:根据需求编写 JSON Schema,定义列表的结构和样式。
3. 引入表格数据接口:将表格数据接口与 JSON Schema 结合,实现数据的动态加载。
4. 使用 Drip Table 渲染列表:将配置好的 JSON Schema 和数据接口传递给 Drip Table,生成列表。
5. 自定义组件开发:根据需要开发自定义组件,扩展 Drip Table 的功能。
6. 调整主题和样式:根据项目需求调整表格的主题和样式,以符合企业品牌形象。
7. 测试和部署:在本地测试列表功能,确保无误后部署到生产环境。
浏览量:58
最新流量情况
月访问量
1582
平均访问时长
00:01:50
每次访问页数
4.46
跳出率
37.39%
流量来源
直接访问
54.76%
自然搜索
34.25%
邮件
0.12%
外链引荐
8.67%
社交媒体
1.91%
展示广告
0
截止目前所有流量趋势图
地理流量分布情况
中国
81.00%
德国
6.21%
日本
0.45%
新加坡
2.65%
美国
9.69%
京东零售推出的轻量、强大的企业级列表可视化搭建解决方案。
Drip Table 是京东零售推出的一款专为 React 16+ 环境设计的轻量级、功能强大的企业级列表可视化搭建解决方案。它通过可视化搭建方式,大幅降低研发周期,提高开发效率,支持多种主流界面组件库,不依赖指定界面框架。Drip Table 采用低代码拖拽搭建模式,简化了传统的 JSX 堆砌表格列的开发过程,使得前端列表开发更加高效和灵活。
一个现代化的全栈 AI Chatbot 应用,支持 Web、移动 App 和桌面端
OpenChat 是一个现代化的全栈 AI 聊天应用,采用 React 和 Cloudflare Workers 构建,结合 Connect RPC 实现高效通信,通过 Tauri 支持多平台客户端。它不仅提供自然语言对话,还支持文本生成图像、网络搜索等功能,旨在为用户提供无缝的多平台聊天体验。该产品采用全栈 TypeScript 开发,确保类型安全,同时支持极速全球部署和数据实时同步。其模块化设计易于扩展,适合希望在多设备上使用 AI 聊天功能的用户。
Langflow 是一个低代码 AI 构建工具,用于快速开发强大的 AI 代理和工作流。
Langflow 是一款面向开发者的低代码工具,专注于简化 AI 代理和工作流的构建过程。它允许开发者通过可视化界面快速搭建复杂的 AI 应用,支持多种 API、模型和数据库的集成。该工具通过提供丰富的预构建组件和可定制化选项,帮助开发者专注于创意而非复杂的代码实现。Langflow 提供免费试用,并支持在云平台部署,适合从个人开发者到企业团队的广泛用户。
ToolJet 是一个 AI 原生平台,用于快速构建内部工具,支持低代码开发和 AI 驱动的应用程序创建。
ToolJet 是一款面向企业的 AI 原生开发平台,旨在通过低代码和自然语言处理技术,帮助企业快速构建和部署内部应用程序。其核心优势在于能够显著降低开发门槛和时间成本,同时提供强大的 AI 驱动功能,支持与多种数据库、API 和第三方服务的无缝集成。ToolJet 适用于需要高效开发和灵活迭代的企业,支持自托管部署,满足企业级安全和合规要求。
Onlook 是一款面向设计师的工具,可实时将视觉编辑的 React 网站更改回代码。
Onlook 是一款专为设计师和开发者打造的工具,通过可视化界面编辑 React 网站或 Web 应用,并实时将更改写回代码。它利用 AI 技术,让设计与开发无缝衔接,用户可以在类似 Figma 的界面中调整布局、颜色、文本等,无需复杂设置。Onlook 支持本地代码编辑,确保数据安全,同时兼容现有开发流程,无需迁移或添加新组件。其开源特性也使得用户可以随时审计代码,了解其工作原理。
Codev 是一个将文本描述转换为全栈 Next.js 网络应用的人工智能平台。
Codev 是一个强大的 AI 驱动的开发平台,它能够将自然语言描述快速转化为功能完备的全栈 Next.js 网络应用。其核心优势在于极大地缩短了从创意到产品落地的时间,降低了开发门槛,即使是非开发者也能轻松上手。该平台背后有强大的技术支持,如 Next.js 框架和 Supabase 数据库,确保生成的应用具有良好的性能和可扩展性。它主要面向开发者和创意者,帮助他们快速实现想法,目前处于免费阶段,旨在吸引用户并拓展社区。
一个为RAG(检索增强生成)AI助手设计的React组件,可快速集成到Next.js应用中。
该产品是一个React组件,专为RAG(检索增强生成)AI助手设计。它结合了Upstash Vector进行相似性搜索、Together AI作为LLM(大型语言模型)以及Vercel AI SDK用于流式响应。这种组件化设计使得开发者可以快速将RAG能力集成到Next.js应用中,极大地简化了开发流程,同时提供了高度的可定制性。其主要优点包括响应式设计、支持流式响应、持久化聊天历史以及支持暗黑/浅色模式等。该组件主要面向需要在Web应用中集成智能聊天功能的开发者,尤其是那些使用Next.js框架的团队。它通过简化集成过程,降低了开发成本,同时提供了强大的功能。
面向设计工程师的 npm:基于 shadcn/ui 的 React Tailwind 组件、模块和钩子的最大市场
21st.dev是一个开源的React UI组件社区注册表,任何人都可以发布最小的Tailwind & Radix UI组件,并通过npx shadcn命令安装任何组件。它受到shadcn/ui的启发,旨在为设计工程师提供一个大型的组件、模块和钩子的市场。
使用AI快速构建React组件
ReactAI Components是一个利用人工智能技术帮助开发者快速构建React组件的平台。它通过集成先进的AI模型,如Claude/Anthropic,为用户提供了一个无需编写代码即可生成React组件的解决方案。该产品的主要优点在于它能够大幅提高开发效率,减少重复劳动,并使非专业开发者也能轻松创建高质量的React组件。产品目前处于Beta阶段,提供免费使用,无需信用卡信息,适合希望快速开发React应用的开发者和团队使用。
带Prompt的前端组件库,设计工程师的NPM,快速构建精致的UI。
21st.dev是一个为设计工程师提供React Tailwind组件的平台,灵感来源于shadcn/ui。它由 RorkAI 团队和 Claude 3.5 Sonnet 构建,旨在帮助设计工程师更快地交付精致的用户界面。用户只需一条命令即可安装,极大地提高了开发效率。这个平台的主要优点是它的组件化和模块化,使得设计和开发工作更加灵活和高效。产品背景信息显示,它是为了满足设计工程师对于快速、高质量UI组件的需求而创建的。目前,该平台提供免费试用,但具体的定价信息需要进一步查看其官方网站或联系客服获取。
无限画布SDK,为React开发者提供协作白板和画布体验
tldraw是一个为React开发者设计的无限画布SDK,它允许开发者在其产品中添加协作白板功能或创造新的基于画布的体验。该SDK包含组件、API和服务,支持开发者构建高性能、可定制的画布应用。tldraw以其强大的功能、实时协作能力和对开发者友好的设计而受到好评。它适用于需要在Web上实现复杂画布交互的各类应用,从个人项目到企业级解决方案。tldraw提供免费带有水印的版本,并提供付费版本以去除水印并获取额外支持。
低代码AI工具,快速搭建自动化AI应用
AISmartCube是一个低代码AI工具平台,提供图形化操作界面和丰富的官方模板,支持用户轻松实现工作场景自动化,提升工作效率。平台集成了全球多家大模型接入,如ChatGPT、Claude、Gemini等,以及丰富的图像、语音、数据抓取等插件。此外,AISmartCube还提供共享知识库,帮助AI应用获取最新的网络优质内容,使其更加智能。产品背景信息显示,AISmartCube旨在通过低代码方式,让非技术用户也能快速搭建和部署AI应用,满足不同行业的需求。价格方面,AISmartCube提供灵活的定价模式,用户可以按需购买积分,避免不必要的订阅费用,并且有免费额度供用户体验和探索。
利用视觉语言模型的文档检索系统
vision-is-all-you-need是一个展示Vision RAG (V-RAG)架构的演示项目。V-RAG架构使用视觉语言模型(VLM)直接将PDF文件页面(或其他文档)嵌入为向量,无需繁琐的分块处理。该技术的重要性在于它能够大幅提高文档检索的效率和准确性,特别是在处理大量数据时。产品背景信息显示,这是一个利用最新人工智能技术,提高文档处理能力的创新工具。目前,该项目是开源的,可以免费使用。
快速将设计转换为代码的低代码平台
Locofy.ai是一个利用人工智能技术,将设计文件(如Figma和Adobe XD)快速转换为前端代码的低代码平台。它通过大型设计模型(Large Design Models)技术,训练于数百万的设计和产品,结合多模态和启发式模型,实现设计到代码的高效转换。这一技术的重要性在于它极大地提高了前端开发的效率,减少了重复劳动,让开发者能够专注于更复杂的创造性工作。Locofy.ai支持多种框架和库,如React、React Native、HTML/CSS、Next.js、Angular、Gatsby、Vue等,并且提供了插件直接从设计工具开始工作。它的价格策略包括付费计划,并提供LDM以激励用户。
构建、连接和部署边缘上的GenAI应用
Lamatic.ai是一个为构建、测试和部署高性能GenAI应用在边缘而设计的管理型PaaS平台,提供低代码可视化构建器、VectorDB和集成应用及模型。它通过集成多种工具和技术,帮助AI创始人和构建者快速实现复杂的AI工作流程。平台的主要优点包括减少团队间的来回沟通、自动化工作流程、提高部署速度和降低延迟。Lamatic.ai的背景信息显示,它是由一群对GenAI应用开发有着深刻理解和丰富经验的工程师和社区成员共同打造的。平台的价格定位是包含所有可用的管理集成、向量数据库、托管、边缘部署和SDK的月度订阅服务,同时提供按小时计费的专业服务。
现代国际化平台,快速实现产品多语言支持。
Quetzal是一个现代国际化平台,旨在帮助用户快速将产品翻译成多种语言,以获得全球新客户。该平台提供工具,支持20多种语言,与Next.js和React兼容,并且拥有快速设置流程,仅需约10分钟。Quetzal利用人工智能技术,结合应用程序的上下文,在几分钟内实现最佳翻译效果。它还提供了一个仪表板,让用户可以在一个地方查看和管理所有的字符串。产品背景信息显示,Quetzal由Quetzal Labs, Inc.在奥克兰精心打造,并且提供了一个慷慨的免费计划,直到用户添加第二种语言。
集成Firecrawl的OpenAI实时API控制台
firecrawl-openai-realtime是一个集成了Firecrawl的OpenAI实时API控制台,旨在为开发者提供一个交互式的API参考和检查器。它包括两个实用库,openai/openai-realtime-api-beta作为参考客户端(适用于浏览器和Node.js),以及/src/lib/wavtools,后者允许在浏览器中简单管理音频。该产品是使用create-react-app创建的React项目,并通过Webpack打包。
将你的草图转化为应用程序
Napkins.dev 是一个利用人工智能将网站设计草图转换成实际应用程序的平台。它使用 Llama 3.2 90B Vision 模型,可以识别上传的图片并生成 React + Tailwind 代码。这个工具对于前端开发者来说非常有用,因为它可以节省大量的时间,让他们专注于更复杂的开发任务。
探索ReAct聊天机器人的实验性项目
curiosity是一个基于ReAct框架的聊天机器人项目,旨在通过LangGraph和FastHTML技术栈探索和构建类似Perplexity的用户交互体验。项目核心是一个简单的ReAct代理,使用Tavily搜索增强文本生成。支持三种不同的LLMs(大型语言模型),包括OpenAI的gpt-4o-mini、Groq的llama3-groq-8b-8192-tool-use-preview以及Ollama的llama3.1。项目通过FastHTML构建前端,尽管在调试过程中可能遇到一些挑战,但整体上提供了快速的用户体验。
低代码无服务器API构建器,简化数据工作流集成。
Fleak是一个面向数据团队的低代码无服务器API构建器,它不需要基础设施,可以立即将API端点嵌入到现有的现代AI和数据技术栈中。它通过简化数据组件的集成,创建统一的API,实现无缝扩展,帮助简化工作流,专注于从数据中获取洞察,而不是管理数据操作。
AI驱动的生成式UI工具
v0是由Vercel推出的基于AI的生成式用户界面系统,它可以根据简单的文本提示生成适用于项目的React代码。v0使用AI模型生成代码,基于shadcn/ui和Tailwind CSS,提供了易于复制和粘贴的代码。v0不使用任何Vercel客户数据或代码进行训练,保证了数据的安全性和隐私性。
快速将UI设计图转换为React代码
Ocode AI是一个AI驱动的编程辅助工具,能够帮助开发者通过上传UI设计图,自动生成React代码,从而加快开发速度,提高开发效率。它通过实时代码生成、预览、部署和与AI的交互来修改代码,实现了从需求收集到代码编写、单元测试、部署的全流程自动化。
开源版Anthropic的Claude Artifacts界面
AI Artifacts是一个开源的Anthropic Claude Artifacts界面版本,使用E2B的代码解释器SDK和核心SDK执行AI代码。E2B提供了一个云沙箱来安全地运行AI生成的代码,并可以处理安装库、运行shell命令、运行Python、JavaScript、R以及Nextjs应用程序等。
低代码多代理系统框架
Praison AI 是一个低代码的集中式框架,旨在简化各种大型语言模型(LLM)应用的多代理系统的创建和编排。它强调易用性、可定制性和人机交互。Praison AI 利用 AutoGen 和 CrewAI 或其他代理框架,通过预定义的角色和任务来实现复杂的自动化任务。用户可以通过命令行界面或用户界面与代理进行交互,创建自定义工具,并通过多种方式扩展其功能。
低代码工具,快速构建和协调多智能体团队
Tribe AI是一个低代码工具,它利用langgraph框架,让用户能够轻松自定义和协调智能体团队。通过将复杂任务分配给擅长不同领域的智能体,每个智能体可以专注于其最擅长的工作,从而更快更好地解决问题。
前端页面生成神器,提升开发效率
gpt-frontend-code-gen 是一个基于 React 和 Vite 构建的前端项目,结合 Koa 后端服务,实现前端页面生成并预览的功能。它使用 GPT-4 模型,支持 Chakra UI 和 ShadcnUI 组件生成,允许开发者通过对话形式持续迭代和修改页面,直到达到满意的效果。
使用自然语言快速构建企业级应用
AWS App Studio是一个由生成式人工智能驱动的服务,使用自然语言来构建企业级应用,使不具备深厚软件开发技能的技术专业人员,如IT项目经理、数据工程师和企业架构师,能够在几分钟内快速开发出符合组织需求的业务应用。该服务提供高度安全、可扩展且性能优越的应用,无需考虑底层代码或基础设施,由App Studio处理所有部署、运维和维护工作,释放技术专业人员专注于创新而非应用管理。
Artifacts.run 是一个能够分享和运行 React 代码的平台。
Artifacts.run 是一个基于 React 的代码分享平台,用户可以在平台上分享他们的 React 代码,并且在浏览器中实时运行。该平台简化了 React 代码分享和演示的流程,为开发人员提供了一个便捷的交流工具。
© 2025 AIbase 备案号:闽ICP备08105208号-14