Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Animated feedback form in your brand style v1.0.0

Use this resource to build a user feedback form that matches your visual identity

New

  • 343 downloads
  • 77 likes
  • 11 saves

$4.99

Lifetime access to this resource, with its updates.

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install branded-feedback-form-builder

First time: connect the CLI with

npx --yes palatekit@latest login

The agent first analyzes your project's visual identity: colors, typography, animations, logo. It then builds a modular form with micro-interactions, live validation and loading states. You get complete, responsive and accessible code, ready to connect to your submit endpoint.

Mostly picked by

Updated November 2, 2026

Animated feedback form using the project's colors and logo.

Details

Generates with
Your agent's model
Uses
  • Node.js
  • Next.js
Licence
CC0-1.0

Similar resources

View all

What you get

  • prompt.txt: the full form prompt
  • A six-step method: identity, architecture, design, interactions, logo, performance
  • Variables for the project, logo, colors and fields

Good fit for

  • Adding a feedback form to an existing site
  • Collecting customer feedback in the brand style
  • Prototyping an animated, accessible form

Not for

  • A site without Next.js, React or TypeScript
  • A payment form
  • A multi-page survey

Tags

  • form
  • feedback
  • animation
  • accessibility
  • next.js

About

You say

"Build my site's feedback form with my logo and colors, submitting to /api/feedback."

Animated feedback form using the project's colors and logo.

Prompt published by easycoregamesnoctis under the CC0-1.0 license.

Show more

Prerequisites

You bring
An existing project to take the identity from and Logo, colors and form fields
Dependencies
Node.js and Next.js

How to use it

  1. Replace the variables: project, logo, colors, fields
  2. Set the target folder and the submit endpoint
  3. Test on mobile and by keyboard, then adjust

Content preview

Files

  • branded-feedback-form-builder.md5.4 KB
  • LICENSE0.6 KB
  • NOTICE-PALATEKIT.md0.5 KB

Origin and licence

Modified by PalateKit

Author
easycoregamesnoctis@gmail.com
Source
github.com/f/prompts.chat/blob/cecef6fc73c2c389770695a56252d331981727de/prompts.csv
Licence
CC0-1.0

Notice

Version modifiée de « Elite Feedback Form Generator — Stunning UI with Next.js, React & TypeScript » (easycoregamesnoctis@gmail.com, CC0-1.0) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Is Next.js required?

The prompt targets Next.js, React and TypeScript. Adapt the instructions for another stack.

Where do the answers go?

To the endpoint or server action you set in the submit variable. Nothing is stored by default.