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

PalateKit

Sign in
Menu

Request a resource

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

0 / 280

A page, a video or an image online.

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.

Dark contact form with inset fields v1.0.0

Use this resource to add a contact form to a dark page

New

  • 572 downloads
  • 211 likes
  • 151 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install neumorphic-contact-form

First time: connect the CLI with

npx --yes palatekit@latest login

The agent copies a complete contact form: name, email, subject and message, with an inset effect and a turquoise accent. You get a polished form for a portfolio or consultant site. Sending the message still has to be wired.

Mostly picked by

Updated November 2, 2026

Details

Works in
Install guides
Generates with
Your agent's model
Licence
MIT

Similar resources

View all

What you get

  • README.md: short guide to add the animation
  • The HTML file with its CSS, ready to copy (original code unchanged)
  • An image and video preview of the animation

Good fit for

  • A web page or showcase site
  • A prototype or interactive mockup
  • A project where you want a polished effect without a library

Not for

  • A React or Vue app that needs a typed component
  • A project that requires strong accessibility without extra checks

Tags

  • form
  • contact
  • dark theme
  • neumorphism

About

You say

"A dark contact form for my consulting website."

Dark form with inset Name, Email, Subject and Message fields and a turquoise outline button

Animation published on Uiverse by DavidTM96 under the MIT license, presented by PalateKit.

Show more

Prerequisites

You bring
The page or project where the animation goes and Your texts and brand colors

How to use it

  1. Ask the agent to add the animation to your page
  2. The agent copies the HTML and CSS in the right place
  3. Adjust colors and texts, then test hover or click

Content preview

Files

  • Forms/DavidTM96_empty-skunk-88.html2.7 KB
  • LICENSE1.1 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md0.6 KB

Origin and licence

Modified by PalateKit

Author
DavidTM96
Source
github.com/uiverse-io/galaxy/tree/adbd2adde0a299a3956ea288fb444ec01891ca41/Forms/DavidTM96_empty-skunk-88.html
Licence
MIT

Notice

Version modifiée de « DavidTM96_empty-skunk-88 » (DavidTM96, MIT) : 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

Do I need to install a library?

No. The code is plain HTML and CSS: copy it into your page.

How do I change the colors?

Edit the color values in the CSS block; details are in the README.