Create a SaaS pricing page with Free, Pro, and Enterprise plans, monthly and annual billing options, a feature comparison table, frequently asked questions, and a bottom call to action. Highlight the middle plan as popular.
- Creating a pricing page with three plans
- Showing monthly and annual billing options
- Presenting plan differences in a feature table
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Plan three mobile onboarding screens side by side in iPhone frames: a logo introduction, a screen explaining the app’s value, and a sign-in screen with email, Apple, Google, and a main action button.
- Planning three screens for an app’s first launch
- Presenting an app’s value with an illustration and one sentence
- Designing a sign-in screen with several login options
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a three-card social media carousel with square layouts and headlines that form one complete sentence. The design combines a consistent color palette, a brand mark, card numbers, and a final prompt encouraging readers to take action.
- Introducing a brand across three cards
- Splitting one message into a connected sequence
- Ending a carousel with a call to action
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Turn a song, podcast, or personal introduction into a Spotify-style now-playing card in a single HTML file. Include a CSS cover, progress bar, and playback icons, with layouts for video overlays or personal web pages.
- Creating a now-playing card for a video overlay
- Presenting a personal introduction as a music card
- Displaying a song or podcast in a compact web widget
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a social media dashboard prototype for creators, with platform switching, follower and engagement metrics, a growth chart, and a weekly top-post preview. A side panel provides space for trending topics and popular comments.
- Prototyping a creator's social media dashboard
- Planning a view of follower growth and engagement
- Arranging popular posts, topics, and comments together
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Build a single-page landing page for a SaaS product, organizing supplied content into features, steps, pricing, and frequently asked questions. Include action buttons and a customer logo section, with a single-column layout on mobile.
- Creating a landing page for a SaaS product
- Organizing features, usage steps, and pricing
- Designing a product page for desktop and mobile
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a team OKR tracking page, showing objectives and their measurable results. Arrange three objectives with progress bars, values, owners, and status labels, alongside a quarterly summary that makes progress easy to review.
- Reviewing progress toward quarterly team goals
- Checking owners and statuses for key results
- Presenting a quarter's goals and summary together
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a clickable product landing page prototype with navigation, feature cards, usage steps, testimonials, and optional pricing. Include responsive layouts, hover effects, scroll animations, and expandable FAQ sections to demonstrate the intended experience.
- Prototyping a product landing page
- Reviewing navigation and button interactions
- Checking mobile and desktop layouts
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create Keynote-style presentation slides with large headings, brief supporting text, and generous spacing. The layout includes keyboard navigation, page indicators, and fade-in transitions, helping you present product information, charts, or key messages one screen at a time.
- Presenting a product with concise slides
- Highlighting charts or key messages
- Navigating a presentation with the keyboard
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a tall, newspaper-style poster with a large serif headline, two-column text, and six numbered sections. A cream background, highlighted quotations, and publication details give text-heavy announcements the feel of a Sunday newspaper page.
- Designing a newspaper-style announcement poster
- Presenting a manifesto in six numbered sections
- Creating a text-led editorial poster
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Build a looping animated hero, the large visual at the top of a page, or a video opening. Combine rotating text, a globe or abstract geometry, a timer, and floating labels with cinematic colors and one neon accent.
- Creating an animated video opening
- Designing a landing page hero
- Combining motion elements into a looping visual
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a minimal prelaunch page for a new product or early testing program. Centered branding, a clear product headline, an email signup field, three benefits, and a founder note introduce the product and invite registrations.
- Creating a waitlist page before a product launch
- Inviting participants to an early testing program
- Presenting three concise product benefits
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Turn supplied text or data into an X-style post card for video overlays or image sharing. Create a single HTML file with profile details, engagement counts, and light or dark styling in landscape or square formats.
- Creating post cards for video overlays
- Preparing quotes for sharing as images
- Summarizing data as a short post card
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create an animated explainer poster with a pixel art mascot, moving Japanese or Chinese text, and a scrolling timeline. The retro layout uses CSS animation loops without JavaScript and can be recorded as video.
- Creating a retro animated explainer
- Combining pixel art with moving Japanese text
- Preparing an animated poster for video recording
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Create a web prototype with a soft, Apple-inspired appearance. Silver or cream backgrounds, double-edged rounded cards, nested buttons, and a slight spring effect on hover define the visual style and interaction.
- Exploring a soft visual style for a web prototype
- Designing rounded cards and nested action buttons
- Trying a subtle spring effect on hover
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Turn a supplied story, question, or joke into a Reddit-style post card for video overlays or social sharing. The single HTML file includes voting arrows, comment counts, post details, and a choice of light or dark styling.
- Adding a story card over a video
- Sharing a question as a Reddit-style card
- Presenting a joke in a social post format
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Organize product requirements into a single-page document covering the problem, success metrics, scope, user scenarios, design notes, rollout plans, and open questions. A status label shows whether the specification is a draft, approved, or shipped.
- Drafting requirements for a new product feature
- Defining success metrics and scope
- Documenting user scenarios and design notes
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Build a minimalist, single-page A4 resume for printing or PDF export. Organize experience, projects, education, and skills with an optional two-column layout, prominent contact details, concise achievement bullets, and restrained colors.
- Preparing a single-page A4 resume
- Separating experience and skills into two columns
- Formatting a resume for printing or PDF export
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Organize meeting notes into a clear layout with attendees, an agenda checklist, decisions, and next meeting details. An action items table highlights who owns each task, when it is due, and its current status.
- Organizing notes from a team meeting
- Recording decisions and follow-up tasks from a one-to-one meeting
- Presenting task owners and deadlines in meeting minutes
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Turn a team's weekly update into six to eight horizontally navigated slides. Use a fixed structure to share shipped work, ongoing progress, blockers, weekly metric comparisons, requests for help, and closing thanks.
- Preparing slides for a weekly team update
- Sharing blockers and requests for help
- Reviewing key metrics against the previous week
nexu-io/html-anything☆ 9.2KUpdated Oct 13, 2026
Build a single HTML opening screen that reveals supplied text character by character behind a glowing cursor. Colored trails, brief color offsets, and a finishing light sweep create an animated introduction for a video or a prominent opening message.
- Revealing a supplied quote at the start of a video
- Creating an opening screen with a typing effect
- Adding source and chapter labels beneath animated text
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 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 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