yuyz0112 / dewhale Goto Github PK
View Code? Open in Web Editor NEWGitHub-Powered AI for effortless development. Start as an open-source alternative to v0.dev.
Home Page: https://dewhale.pages.dev/
License: Apache License 2.0
GitHub-Powered AI for effortless development. Start as an open-source alternative to v0.dev.
Home Page: https://dewhale.pages.dev/
License: Apache License 2.0
create colorful UI
beautiful 4 card gradients
Build a Web-based file manager
Clean, modern user interface using UI with light and dark modes.
Optimistic, instant UI updates + loading states with query.
Drag n‘ drop local + remote uploads.
Support for individual files and folders
Supports multiple file formats and displays icons according to different types.
Support for compressing, decompressing, moving and copying files
创建一个节点图可视化页面。
页面布局为,顶部bar包括上传网络信息、测试、用户登录按钮。
中间为根据后端提供的网络节点拓扑图生成可视化图像,图的边记录两端节点的信息。节点点开后进入二级菜单查看节点信息。
图网络先使用随机生成的节点和边填充。
底部为用户信息介绍。
中间是聊天界面,右侧可供选择的AI大模型:ChatGPT, Gemini,下边是输入部分,页面颜色为暗色
a terminal UI looks like the iterm2 App in MacOS
use mono font
Design a personal photography portfolio website.
The first part from top to bottom is the photographer’s nickname and introduction, using a main image to fill in the background. The second part is the photo display wall. The width of the photo is fixed, and the length is a random value after the original image is compressed proportionally. The block of each photo contains a set label. When you click on the image, a secondary page will pop up (including the original image and image introduction). , image tag, contact the author to request the original image button, like button, close secondary page button).
Product Page for a health app
设计一个 个人摄影作品集网站。
从上到下第一部分是摄影师的昵称和介绍,使用一张主图进行背景填充。第二部分是照片展示墙,照片宽度固定,长度为原图按比例压缩后的随机值,每一个照片的block内包含设置的标签,点击图片后弹出二级页面(包括图片原图,图片介绍,图片标签,联系作者索要原图按钮,点赞按钮,关闭二级页面按钮)。第三部分是网站的备案信息。
第二部分中采用瀑布流的形式呈现,并进行lazy load,在滚轮向下滑动时请求新的图片并排版。图片要保持原图的长宽比不变,优先横向排列放置。
创建一个前端组件展示网站。
左侧为菜单,有组件、hook、wiki 几大类,大类中可点击切换具体内容。
右侧展示具体信息,若为组件,则展示简介、基本演示与示例代码、各属性对应的演示与示例代码、属性列表、slot 列表、事件列表;若为 hook,则展示简介、基本演示与示例代码、入参列表、返回值列表。若为 wiki 则展示文章内容。
创建一个终端 App,类似 MacOS 上的 Iterm2.
设计一个 个人摄影作品集网站。
从上到下第一部分是摄影师的昵称和介绍,使用一张主图进行背景填充。第二部分是照片展示墙,照片宽度固定,长度为原图按比例压缩后的随机值,每一个照片的block内包含设置的标签,点击图片后弹出二级页面(包括图片原图,图片介绍,图片标签,联系作者索要原图按钮,点赞按钮,关闭二级页面按钮)。第三部分是网站的备案信息。
第二部分中采用瀑布流的形式呈现,并进行lazy load,在滚轮向下滑动时请求新的图片并排版。图片要保持原图的长宽比不变,优先横向排列放置。
Create an email client hero component with centered text and images. Remove the image and make it dark mode. Move the image under the text. Add a subtle background pattern and black & white gradient. Use a darker border and gradient on the heading. Make it full height. Clean up text. Regenerate the copy with a catchy headline.
Add a 3 column grid features section in the same style. Remove images from features. Improve features header and descriptions. Improve copy for 3 features for an email app. Add 3 more features. Add subtle borders between features and increase spacing. Refine borders to be more subtle.
Add space between header and features. Add icons matching feature titles. Add rounded borders and center align icons. Add padding to icon containers and reduce icon opacity to blend with background.
apple fruit market analysis report
您好,我是您的b站老粉,对实现原理有一些疑问,想请教下
After reverse-engineering v0.dev's approach, we've developed a method to correct these issues by analyzing the code's AST.
我去看了实现代码 ,但是我前端水平有限,没太看懂……
能否展开介绍下这部分的原理?
An important learning from v0.dev is to generate entirely static JSX code, which, despite seemingly limiting use cases, significantly improves stability.
感谢!!
Creat a react component to show a card of a GitHub Pull Request, which must have
Just make it a simple, clean and keep everything organized.
Create a k8s deployment details page to display metadata information (name, namespace, labels, annotations). There is a set of tabs below to display the corresponding pod list, event list, and metrics monitoring chart.
Creat a react component to show a card of a GitHub Pull Request, which must have
Just make it a simple, clean and keep everything organized.
An ecommerce dashboard with a sidebar navigation and a table of recent orders.
中间是聊天界面,右侧可供选择的AI大模型:ChatGPT, Gemini,下边是输入部分,页面颜色为暗色
创建一个节点图可视化页面。
页面布局为,顶部bar包括上传网络信息、测试、用户登录按钮。
中间为根据后端提供的网络节点拓扑图生成可视化图像,图的边记录两端节点的信息。节点点开后进入二级菜单查看节点信息。
图网络先使用随机生成的节点和边填充。
底部为用户信息介绍。
生成一个Test网站
create a colorful pricing page, with three pricing cards
create a photo viewer app
use a carousel to display the photos, at least five photos as examples
when clicking the image, open a drawer to show the author, create time, labels
under the carousel, use resizable panels to show photo authors, arrange the names of the authors in alphabetical order
since we have more than 100 authors, display 5 resizable panels per page, and use a pagination UI to control the pages
chatbox UI
create a k8s cluster dashboard, manage multiple resources, display a deployment list in the table, display a deployment detail in a sidebar
Design a personal photography portfolio website.
The first part from top to bottom is the photographer’s nickname and introduction, using a main image to fill in the background. The second part is the photo display wall. The width of the photo is fixed, and the length is a random value after the original image is compressed proportionally. The block of each photo contains a set label. When you click on the image, a secondary page will pop up (including the original image and image introduction). , image tag, contact the author to request the original image button, like button, close secondary page button).
中间是聊天界面,右侧可供选择的AI大模型:ChatGPT, Gemini,下边是输入部分,页面颜色为暗色
a weather app looks like the iOS weather app
make the background a blue gradient
create a mobile app, looks like discord
创建一个前端组件展示网站。
左侧为菜单,有组件、hook、wiki 几大类,大类中可点击切换具体内容。
右侧展示具体信息,若为组件,则展示简介、基本演示与示例代码、各属性对应的演示与示例代码、属性列表、slot 列表、事件列表;若为 hook,则展示简介、基本演示与示例代码、入参列表、返回值列表。若为 wiki 则展示文章内容。
Create a k8s deployment details page to display metadata information (name, namespace, labels, annotations). There is a set of tabs below to display the corresponding pod list, event list, and metrics monitoring chart.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.