Create a single-page team dashboard with tabs for members, team details, and activity logs. Combine member roles and status with charts, online presence, contributor summaries, light and dark themes, and a frontend CSV export button.
- Designing a team member administration screen
- Presenting role distribution and member activity
- Adding theme switching and CSV export to a dashboard
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Turn a supplied process or workflow into a whiteboard-style diagram with colored sticky notes and curved arrows. Produce a single HTML file suited to onboarding videos, operational explanations, or system walkthroughs, with optional hover effects and a decorative collaboration cursor.
- Illustrating a user onboarding process
- Explaining operational steps with branches and merges
- Presenting a system structure as a whiteboard diagram
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a single HTML file with a flowing background and a prominent headline for video openings, landing page hero sections, or posters. Choose from four palettes and CSS, Canvas, or WebGL rendering approaches.
- Create an opening frame for a video
- Design a landing page hero section
- Build a poster around a short message
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a branded video ending in a single HTML file. Geometric pieces assemble into a logo, followed by a glow, brand name, tagline, and call to action. The animation plays once and holds the completed end card.
- Creating a branded video end card
- Animating a logo assembled from geometric pieces
- Closing a video with a tagline and call to action
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Build a cyberpunk title frame for video transitions or a web hero, the main visual area of a page. Use supplied title text with color offsets, scanlines, noise, and glitch animation in a single HTML file.
- Create a glitch title for a video transition
- Design a cyberpunk web hero
- Style a supplied title with digital distortion
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Design three screens for a habit app inspired by role-playing games: a cover, daily quests with experience points, and quest details with subtasks and rewards. Present them in phone frames against a dark background.
- Exploring a quest-based habit app design
- Designing daily tasks with experience points and levels
- Presenting three app screens together
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Turn supplied data into a newspaper-style chart with a takeaway headline, annotations, and source notes. Create line, bar, or range-band charts, which show an interval around a central line, with staggered animation in a single HTML file.
- Create a chart segment for a video
- Prepare a data chart card for Twitter
- Visualize CSV or JSON data with a takeaway headline
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create documents with a warm parchment background, ink-blue accents, and serif typography. Layouts cover one-page summaries, reports, letters, resumes, and more, using type size and spacing to give each page a composed, print-like appearance.
- Designing a one-page summary
- Formatting a long report
- Preparing a letter or resume
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a minimal presentation built around large headlines, solid backgrounds, and arrow-prefixed lists. The template adapts the page count to the content and includes keyboard navigation hints and page numbers.
- Presenting an idea with few visuals
- Building a talk around bold headlines
- Organizing key points into arrow-prefixed lists
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Build a single-page quarterly finance report combining four key metrics, revenue and cash burn charts, and a profit and loss summary. Add five highlights, an outlook, and an expandable methodology section to explain the figures.
- Preparing a quarterly financial overview
- Presenting revenue and cash burn together
- Explaining results alongside the outlook
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Design a dark slide deck for AI products, knowledge graphs, or developer tool launches. Combine a graph-based cover, glowing blurred shapes, gradient section titles, highlighted code or command-line examples, and frosted-glass-style cards.
- Prepare slides introducing an AI product
- Present a knowledge graph project
- Create a developer tool launch deck
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create slides on a fixed 1920×1080 canvas, choosing each layout to suit the content. Consistent typography, one palette, and a single focal point per slide shape the presentation, with keyboard navigation and page numbers included.
- Building a portfolio presentation
- Designing a talk with varied slide layouts
- Preparing slides for an art or design class
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a simple HTML slide deck for pitches, overviews, or study materials. Each page pairs one main point with an image or chart, with horizontal navigation, keyboard controls, and a progress bar.
- Preparing slides for a project pitch
- Presenting a product or service overview
- Organizing study notes into slides
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Build a 16:9 slide deck for lifestyle, personal growth, or emotion-focused content. Cream backgrounds, soft glowing shapes, pastel cards, italic Playfair headings and numbers, and an SVG donut chart define the presentation’s visual style.
- Creating slides about daily life and lifestyle
- Presenting personal growth reflections
- Organizing emotion-focused content into pastel slides
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create developer tutorial slides with a GitHub-style dark background, purple and blue lighting effects, and three-color gradient headings. Coordinate code colors, centered layouts, and highlighted blocks within a 16:9 presentation.
- Preparing slides for a developer tutorial
- Creating dark slides with code examples
- Highlighting key points in technical explanations
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a film-style opening frame or chapter card as a single HTML file. Combine warm light leaks, grain texture, large serif titles, and optional scratches or film perforations for documentaries and personal short films.
- Design an opening frame for a documentary
- Create a title frame for a personal short film
- Build chapter cards for a video
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Build a three-column page for API documentation or tutorials, with section navigation, article content, and a table of contents. The layout includes copyable code blocks, highlighted notices, search, version display, and theme switching.
- Creating an API documentation page
- Laying out a tutorial with code examples
- Organizing a long technical guide with navigation
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Design a two-page digital guide preview that pairs a cover with a lesson page. Soft beige styling brings together the author, content highlights, a prominent quotation, and step lists for creator-brand promotional materials.
- Designing a preview for a free promotional guide
- Presenting a lesson as a two-page spread
- Creating a guide preview for a creator brand
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Design white, magazine-style slides for Xiaohongshu image posts and landscape presentations. Rainbow bars, large gradient headlines, pastel cards, and black emphasis labels provide a consistent visual style for presenting key points and quotations.
- Designing image posts for Xiaohongshu
- Styling a landscape presentation
- Organizing key points into pastel cards
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Design a ten-page investor pitch deck covering the problem, solution, market, product, business progress, and fundraising request. Use a white background, a blue-to-purple gradient opening, and bar charts with prominent figures to present the business story.
- Planning an investor fundraising presentation
- Presenting market size and business progress
- Organizing the business model and fundraising request
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Design a consumer-facing dashboard for dating or community activity. It brings together a live signal ticker, key performance indicators, a 30-day mutual-match bar chart, and match-rate trends in a restrained visual layout.
- Designing a dashboard for a matching service
- Presenting key community activity indicators
- Showing mutual matches over the past 30 days
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a series of Xiaohongshu-style knowledge cards with a cover, focused content cards, and a closing summary. Soft colors, large text, and spacious layouts make the cards suitable for mobile reading and screenshots for social posts.
- Turn practical tips into a series of social media cards
- Explain one key idea per card for mobile readers
- Prepare card layouts for social post screenshots
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Turn supplied CSV, Excel, or JSON data into a visual report page with key metric cards, multiple charts, and a data table. Include the reporting period, data sources, written observations, and a collapsible explanation of the methods used.
- Turning weekly performance data into a report page
- Reviewing key metrics and year-over-year changes
- Sharing data trends with charts and supporting tables
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a glitch styled title screen for video transitions or cyberpunk visuals. The single HTML file combines large headlines, cyan and magenta color offsets, scanlines, noise, and animated distortions using your title and subtitle.
- Creating a title screen for a video transition
- Designing a cyberpunk main visual
- Adding animated distortion to a title
nexu-io/html-video☆ 4.7KUpdated Jun 22, 2026