SkeuoStrap Showcase

This is a CSS theme that overrides Bootstrap 5 to provide a compact, skeuomorphic style reminiscent of the mid-2000s web.

Made by Dániel Szabó to make it easier to create usable and comfortable web interfaces.

Toggle to compare with vanilla Bootstrap 5

Download CSS

How to Install

Link this file in your HTML's <head> section, right after the official Bootstrap CSS.

<!-- Bootstrap CSS -->
<link href="..." rel="stylesheet">

<!-- Your Downloaded SkeuoStrap CSS -->
<link href="skeuostrap.css" rel="stylesheet">

Alerts

A simple primary alert.

A simple success alert.

A simple danger alert.

A simple warning alert.

Buttons & Badges

Buttons New

Button Groups

This is the first item's accordion body.

Progress Bars

25%

Animated

Text & Lists

This is an example of inline code.

This is a preformatted code block.

An Unordered List:

First item
Second item

An Ordered List:

First item
Second item

Modals

Forms

Email address

Textarea

Select Menu

Range (1-10)

Date Input

Color Input

Square Checkbox

Radio Option 1

Radio Option 2

List Group

Active item A second item A third item

Navs & Tabs

This is the home tab's content.

This is the profile tab's content.

Typography

H1 Heading

H2 Heading

H3 Heading

This is a simple paragraph text.

A well-known quote, contained in a blockquote.

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat