Cursor Trail Effect
A cursor trail effect that leaves a stream of glowing dots behind the mouse pointer. Built with pure HTML, CSS & JavaScript — dynamic, lightweight, and fully customizable.
Custom Circle Cursor
A custom circle cursor effect featuring a minimal outlined circle that follows the mouse pointer. Built with pure HTML, CSS & JavaScript — clean and fully customizable.
15+ Best CSS Forms with HTML, CSS & JavaScript
Learn how to create modern CSS forms with HTML, CSS, and JavaScript, including inputs, dropdowns, checkboxes, toggles, file uploads, and contact forms.
Contact Form
Build a responsive Contact Form with name, email and message fields, native HTML validation, cyan focus states, a gradient submit button, and JavaScript submission feedback.
File Upload Input
Create a File Upload Input with a custom cyan-bordered button, inline upload icon, native browser file picker, responsive flex layout, and JavaScript filename display.
Toggle Switch
Create a CSS Toggle Switch using a native checkbox, custom pill-shaped track, animated thumb, cyan checked state, hover feedback, and a clear text label without JavaScript.
Custom Radio Buttons
Create Custom Radio Buttons with native HTML selection behavior, custom circular controls, an animated cyan selected indicator, hover feedback, keyboard focus styling, and a flexible layout.
Custom Checkbox
Create a Custom Checkbox with a native HTML input, cyan checked state, animated SVG checkmark, hover feedback, rounded styling, and a clickable text label without JavaScript.
Custom Select Dropdown
Create a Custom Select Dropdown with an animated menu, rotating arrow, selectable category buttons, outside-click closing, selected-option styling, and JavaScript-managed open and selection states.
Textarea with Character Counter
Create a Textarea with Character Counter featuring a 120-character limit, live JavaScript count, vertical resizing, dark field styling, placeholder text, and a cyan focus state.