STATIC WEB TOOLS - APHELION PROJECT

GRADIENT GENERATOR

Create CSS gradients with multiple color stops

Type

Angle 90°

Color 1

Color 2

background: linear-gradient(90deg, #000000, #ffffff);

LOREM IPSUM GENERATOR

Generate placeholder text for mockups and prototypes

Type

Count

Start with "Lorem ipsum"

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

LETTER SPACING VISUALIZER

Fine-tune typography with live preview

Letter Spacing (px) 0px

Font Size (px) 24px

Sample Text

The quick brown fox jumps over the lazy dog

letter-spacing: 0px;

QR CODE GENERATOR

Convert URLs and text into scannable QR codes

Content

Size

CSS MINIFIER

Compress CSS files for faster load times

Input CSS

body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

Minified CSS

LIGHTBOX GALLERY GENERATOR

Create image galleries with custom lightbox styles

Number of Images

Gallery Layout

Gap Size (px)

Border Radius (px)

MODAL STYLING

Background Color

Background Opacity (%)

Image Border Width (px)

Image Border Color

Image Shadow

Close Button Color

Nav Button Background

Nav Button Color

Caption Color

Include Captions

Navigation Arrows

HTML:

CSS:

JavaScript:

TOOLTIP GENERATOR

Create custom tooltips with various styles

Position

Tooltip Text

Trigger Text

Max Width (px)

TOOLTIP STYLING

Background Color

Text Color

Border Width (px)

Border Color

Border Radius (px)

Shadow

Arrow Size (px)

Arrow Color

Show Arrow

HTML:

CSS: