Are these physical products or digital downloads?

We sell digital files and made-to-order digital design; no physical item is shipped. Instant-download files are available from your Etsy purchases after payment is confirmed. Made-to-order files are created from your brief and delivered after the work is completed. Check the listing for its type, scope and timing. Use a web browser to download files and extract any ZIP archive.

What software do I need?

Check the listing. Printable PDFs need a PDF reader; fillable PDFs need AcroForm support. XLSX, DOCX and PPTX files need compatible office software; our stated checks use LibreOffice. HTML/CSS/JS templates need a browser and basic code editing. SVG assets need a compatible vector editor for changes. A linked PDF planner needs a reader that supports links and, for writing, annotation tools. No software subscription is included.

Can I edit the files?

Editability varies by product. Fillable PDFs provide writing fields but fixed layouts. DOCX and PPTX provide editable source documents. Website templates include code. SVG graphics can be edited in a compatible vector app; PNG artwork is fixed. Check the listing and included guide, keep a backup, and inspect the result after editing. Files are in English unless stated otherwise.

May I use a template for my business?

Read the license for your specific product. Many templates allow personal or one-business use. Website templates cover one website for yourself or one client. Some graphic packs allow finished commercial designs or physical end products; botanical art prints have a display-only license. Blank-template or source-asset resale and redistribution are not included. Custom orders use the rights and scope stated in their listing.

Do bundles contain different products from the individual listings?

Bundles contain the same component products offered separately, grouped at a bundle price. Check the included-product list to avoid buying duplicates. Each component has its own files and instructions. Planning tools are separate and do not synchronize automatically; art sets contain the same artworks sold individually.

How can I get help with a download?

Message SelfNotesLab through Etsy with the file name, the app you use and a description of the issue. Avoid sending passwords or sensitive customer or financial information. File support explains the supplied product. Personalized editing is offered separately through our made-to-order listings and is not included with an instant download.

What sizes are included with the botanical art prints?

Each botanical artwork includes its original 1122 x 1402 pixel PNG, a 4x5-inch art PDF and a 5x7-inch PDF with a white border. The artwork stays 4x5 inches inside the bordered page, at about 280 pixels per inch. These are small prints; larger high-resolution formats are not included. Print at 100% actual size and check your printer margins. Digital files only: no physical print or frame. AI-assisted artwork, for personal or own-business display; no print or merchandise resale.

How do made-to-order designs work?

Read the scope, revision allowance, required materials and target timing in the listing. Send the brief and permitted photos, text or brand assets through Etsy messages after purchase. We confirm the scope, prepare the design, apply the included revision round(s), and deliver digital files through Etsy. If your request falls outside the stated scope, contact us before ordering. Printing, physical delivery and extra work are not included unless explicitly stated.

Report this item to Etsy

HTML CSS UI Component Kit: 24 Original Components with Vanilla JavaScript Demos

Name: HTML CSS UI Component Kit: 24 Original Components with Vanilla JavaScript Demos
Brand: SelfNotesLab
SKU: 4595587681
Price: 95.33 NZD
Availability: InStock

Price:NZ$95.33

GST Included

SelfNotesLab

You can only make an offer when buying a single item.

Highlights

Party decor for gatherings and celebrations
Digital download
Digital file type(s): 1 ZIP

Build with a clear system. The component gallery includes buttons, badges, an alert, profile row, metric, progress, text input, select, checkbox, radio, toggle, accordion, tabs, dialog, toast, table, breadcrumbs, empty state, steps, pagination, tooltip, pricing card, textarea and call-to-action panel. Tabs support arrow keys; the native dialog restores focus; the notification dismisses automatically. Generic sample-action buttons are visual examples and have no business workflow.

WHAT YOU RECEIVE
- 24 component examples
- HTML, CSS and vanilla JavaScript source
- Original inline SVG illustrations and shared styles
- HTML and text guides, PDF quick start, browser checks and license

SETUP
Extract the ZIP and open index.html locally. No installation or build command is required. Customize text, colors, links and illustrations in a code editor. Replace all fictional sample content before publishing. Upload to static hosting you arrange. Read the included guides for the full file inventory and setup steps.

FUNCTIONAL SCOPE
- Static frontend source files; basic code editing required.
- Tested in Chromium at desktop, tablet and mobile widths.
- No hosting, domain, backend, checkout or authentication.
- Working tabs, dialog, notification and native controls; sample data.
- No WordPress, Shopify, React, Figma or Canva project.
- One website / one client license; no template resale.
The website contact forms validate input locally and explicitly report that no message was sent. Integrate your own endpoint to receive enquiries. No automatic emails, customer data storage, real bookings or live transactions are included. All sample brand names, projects and figures are fictional. No stock photos or fonts are bundled.

COMPATIBILITY
Verified in the existing Chromium browser at 1440, 768 and 390 pixels wide. Local links, horizontal overflow and the applicable menu, filter, form and UI interactions were checked. No Safari/Firefox testing or accessibility certification is claimed. No external network requests are required by the template.

LICENSE
For one website for yourself, your business or one client. You may deploy the completed site and hand the customized project to that client. Do not redistribute or resell the template source as a template or competing downloadable product. Original AI-assisted code, layout and SVG artwork. Digital files only; no personalized coding, installation or ongoing maintenance. Contact SelfNotesLab on Etsy for file support.

Instant Download

Your files will be available to download once payment is confirmed. Here's how.

Instant download items don’t accept returns, exchanges or cancellations. Please contact the seller about any problems with your order.

Etsy Purchase Protection
Shop confidently on Etsy knowing if something goes wrong with an order, we've got your back for all eligible purchases — see programme terms