Daily Tip: Don't hide important stuff in hamburgers!
The Path To Glory:
1. Sort Content
2. Import Styles
3. Mark-Up
4. Customize
5. Publish
Remind Your Way:
Clean The Noise,
Highlight The Value

The Value

Principles

Tips

Stop thinking about decorations, start thinking about the value.

The only thing that matters is the data your audience is came for. Design, layouts, make-up and decorations are just your tools to highlight the value.

Imagine you have 30 secs to pitch your data. What would you say? What decision maker need to know? How would you present it? What would you highlight? What would you hide?

That's it. That's the only thing that matters. Delete the noise. Make your audience satisfied.

Manuals:
Settings
  • Base Unit
  • Viewport & Container
  • Spacing Scale
  • Brand Palette
  • Semantic Colors
  • Text Colors
  • Typefaces
  • UI Tokens
  • States
  • Naming System
Modules
Layouts
  • General Layout
  • Full-Width
  • Mobile Only
  • Floors System
Components
  • Sections
  • Cards
  • Card Decks
  • Tables
  • Images
Decorations
  • Text Captions
  • Spaces
  • Dividers
  • Shadows
Usage
  • Import Styles
  • Customization
  • Basic Scripts
  • Mark-Up 101
Need Help?
Ask GPT

Actualy, the most effective way to solve your problem

Create an Issue

If you find a bug or have a feature request

Let's Chat

To discuss a proper way or provide some feedback

Basic Scripts

Rare Scripts is a small collection of free, dependency-free JavaScript UI utilities used as part of the Rare Styles ecosystem.

These scripts are built to solve common interface tasks in a simple, predictable way. No frameworks, no build steps, no hidden magic. Just plain JavaScript you can read, understand, and adapt.

Production Mode: ON

We actively use these scripts in production, in real projects, under real load. They are not demos or experiments, but practical building blocks that help us move faster. If they save time for other developers, especially beginners, that is exactly the point.

All scripts are released under the MIT License and are free to use in personal and commercial projects.

Contributions, comments, and improvements are welcome.

Minimalism with intent. Reuse encouraged.