VIEL FRAME

Viel Frame is a drop-in CSS style set for plain HTML. No classes, no setup — just add one line and instantly make it look modern and cool (and AI-ish……?)

For full documentation, visit GitHub.

Quick Start

Add this to your <head>:

<script type="module" src="https://cdn.jsdelivr.net/npm/viel-frame@1.1.0/dist/index.js"></script>

Or use the latest version (use if you know what you're doing):

<script type="module" src="https://cdn.jsdelivr.net/npm/viel-frame/dist/index.js"></script>

That's it. Write plain HTML and Viel Frame handles the rest.

For Local Use

Type

npm install viel-frame

in your project directory.

Why Viel Frame?

Dark, high-contrast UI — deep blacks, purple accents, sharp edges
Zero classes required — styles apply directly to standard HTML tags
Built-in code highlighting — with Prism.js, automatically highlights <pre><code> blocks
Responsive & readable — optimized typography, spacing, and mobile layout
Smooth interactions — focus rings, hover glows, and subtle transitions

Example

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>My Page</title>
  <script type="module" src="https://cdn.jsdelivr.net/npm/viel-frame/dist/index.js"></script>
</head>
<body><main>
  <h1>Hello Viel</h1>
  <p>This paragraph, heading, and container are styled automatically.</p>
  <button>Click me</button>
</main></body></html>

Demo

You can use hyperlinks, BOLD, italics and small font like this.

This is a quote block with a purple border on the left.

Lists

Unordered List
Item 2
- Item 2.1
Item 3

STEP 1
STEP 2
STEP 3

Table element

1	2	3
A1	A2	A3
B1	B2	B3
C1	C2	C3

Interactives

INPUT TEXTAREA

I have read the terms and conditions Subscribe to notifications

Red Blue

Other

Inline codes just like const accent = '#8b5cf6'; this.

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet('VIEL');

FIELDSET

Lorem ipsum dolor sit amet, consectetur adipiscing elit

OPTIONS

Copyright (c) 2026 InfDEL Lab, ChakerAt
DEL THE WORLD.
The name "Viel" is not intended to imitate "Vite", nor is it related to Vite. Coincidence.