Component Explorer

Showing all variants

Buttons

01 CORE
02 GHOST
03 FLOATER
04 SPLIT CMD
05 PENDING
Do not close this terminal
06 ICON PAIR
Icon-only // accessible labels

07 ICON_TOOLBAR

Badges

Active
Compromised
Rejected
Draft
Live
Inbox 12
v1.2.0
Locked

09 VERSION_TAGS

v1.2.0 stable v1.3.0-beta.1 nightly v0.9 deprecated #488cc1a

Inputs

01 BLOCKY
02 MINIMAL
03 CONSOLE
CTR K
04 ACCESS_CODE
Identity Challenge

Enter the six-digit sequence transmitted to your terminal.

Expires in 04:12
05 SELECT_DIRECTIVE
Region online // 12ms baseline
06 FILE_INGEST
Drop asset payload

PNG, SVG or ZIP // max 24MB

07 VERIFICATION_CODE

Enter verification code

We sent a 6-digit code to m•••@alloy.dev

Toggles & Switches

01 BINARY_BANK

Core Sync
Realtime replication
Edge Cache
Local node memory
Legacy Bridge
Locked by protocol

02 SEGMENTED_MODE

Deployment Mode // LIVE

Auto mode promotes every verified build to the edge ring.

03 RANGE_CALIBRATION

72%
050100
34/100
EconomyBalancedMaximum

04 COUNT_STEPPER

Node Seats Max 64
Billed per active seat // $12
Cluster Units 2 Min
Scales in fixed atomic blocks

Indicators

01 LOAD_ARRAY

Core Compile 72%
Asset Sync 100%
Memory Pressure 89%
Queue
1,204
Dropped
003
Threads
16
Uptime
99.9

02 METRIC_TILES

Request Load
8.4K/s
+12.4% // 24H
Latency
012ms
-03ms // STABLE
Error Budget
0.02%
WITHIN THRESHOLD

03 AVATAR_STACK

MR
EV
SV
+08
Active Users
3 online // 8 standing by // 2 alerts

04 SIGNAL_MATRIX

Node Reliability
Last 36 cycles // sector 04
Operational
Stable Degraded Offline 99.94% // 36 cycles

Load States

01 CORE_SPIN

84
Loading
This may take a few seconds

02 SKELETON_ASSEMBLY

03 BOOT_LOG

alloy@core:~ /boot
[OK]mount /dev/vault-core0.024s
[OK]initialize pixel-engine0.118s
[OK]verify component manifest0.241s
[..]compile structural tokensRUNNING
64%
_█

Overlays

01 TOOLTIP_FIELD

Sync complete // 12ms
Destructive action
Ctrl + K to search
Shortcut CTRL K

02 COMMAND_DROPDOWN

3 destinations ESC

03 PROFILE_POPOVER

Online
MR
Marcus Reeve
Product Engineer // Core Team
128
Deploys
99.9
Score
4Y
Tenure

04 CONTEXT_MENU

Node_492 // Actions ...

05 COMMAND_PALETTE

ESC
Actions
Pages
↑↓ Navigate ↵ Select 3 results

Pagination

01 PAGE_BLOCKS

Showing 21–30 of 248 nodes
...

02 CURSOR_STEP

03 / 18
Current Page
Sector Start 17% INDEXED Sector End

03 LOAD_BLOCK

Node
X-492
Node
B-108
Node
V-771
Node
C-302
24 records remaining in queue

Timelines & Activity

01 ACTIVITY_FEED

Recent Activity
Deploy finished

Build 4812 shipped to production in 42 seconds.

2 MIN AGO
New comment on PR #214

"The spacing scale looks consistent now. Approving."

26 MIN AGO
Elena V. joined the project

Invited by Marcus Reeve. Role set to editor.

1 HR AGO
Disk usage above 80%

Volume data-01 is at 82% capacity. Consider expanding storage.

3 HRS AGO

02 VERSION_CHANGELOG

v1.2.0
2026.10.21
Latest
17 new components
  • Added timelines, empty states and files & media categories.
  • Added command palette, toast stack, verification code and icon toolbar.
  • Added status page, 404 page and documentation layouts.
v1.1.0
2026.10.14
77 new components
  • Added 14 new categories, from toggles and indicators to full app shells.
  • Improved contrast on dim helper text.
v1.0.0
2026.08.11
Initial release
  • 56 components across 15 categories.

03 AUDIT_LOG

Audit Log
14:02:11
UPDATED billing.plan: pro
OK
13:47:52
CREATED api-key: prod-02
OK
13:12:08
LOGIN attempt from 203.0.113.9
DENIED
12:58:40
ROTATED session secrets
OK
412 events today

Empty States

01 NO_RESULTS

No results for "quantum"

Check the spelling or try a broader term. Search covers names, tags and descriptions.

02 FIRST_PROJECT

Create your first project

Projects keep your components, tokens and deployments in one place.

Free tier No card required

03 CONNECTION_ERROR

Could not load data

The request timed out after 30 seconds. Check your connection and try again.

ERR_TIMEOUT // REQ_8841

Files & Media

01 UPLOAD_DROPZONE

Drop files here or click to browse
PNG, SVG, ZIP up to 50 MB
design-tokens.zip 64%
hero-grid.png 2.4 MB

02 FILE_BROWSER

assets v1.2
exports
tokens.css
og-banner.png
LICENSE.md

03 STORAGE_USAGE

Storage 38.2 / 50 GB
Assets
21.0 GB
Backups
11.1 GB
Logs
6.1 GB
76% used

Hero Sections

01 THE SPLIT CORE

Logic Node // 14

Atomic
Systems.

Composable architecture for teams that prioritize structural clarity over generic polish.

02 THE CENTER MASS

Engineered
Precision.

Zero compromises on performance or precision.

03 THE NARRATIVE

"We rebuilt four product dashboards on this component library without writing custom CSS."

ALLOY_v1.2.0

04 CORE_GEOMETRY

Alloy
Core.

05 TERMINAL_CMD

alloy@core: ~

$ alloy init --components

[OK] Scoping architecture...

[DONE] Core logic established.

_

06 SPLIT_VISUAL

Structural
Integrity_

Components that scale with your product, not just your layout.

07 BENTO IMPACT

Alloy v1.2.0 150 components // 32 categories

Built on
a strict grid.

Atomic Rhythm
0.25rem
Runtime Mass
0kb
Grid Discipline
100%

08 BOOT SEQUENCE

Ready to Use

Build
dark
interfaces.

A dark-only component set built for production interfaces.

alloy@core:~ /init
$ alloy init --mode production
✓theme tokens mounted
✓atomic grid verified
✓133 components indexed
✓29 blocks resolved
$ready for deployment
Exit code 0 00:00:00.048

Feature Sections

01 PIXEL GRID

A

Logic Driven

Components that follow a strict spacing system.

B

Zero Bloat

Clean, efficient Tailwind utility patterns.

C

Modular.

Standardized intersections and scales.

02 INTERFACE MERGE

Raw
Interface.

Anti-aliasing on all core font-weights.

01
02
03

03 THE STACK

Global State Logic
Atomic Prop System
Pixel Grid Engine

04 HOVER SYSTEM LOGIC

Logic Processing

Fast logic resolution protocols.

Encrypted Core

Security-first architecture design.

Network Sync

Real-time global state replication.

Zero Latency

Instant component render engine.

06 FEATURE_MATRIX

Token Engine

One source
of truth.

Palette, type and spacing resolve from a single theme declaration.

Surface Stack
04 explicit z-planes
Atomic Scale

All spacing resolves to 4px multiples.

Type Lock

Outfit display // Libre Franklin body.

Inspect
Open the
source.

Stats & Metrics

01 METRIC_STRIP

Components
133
+77 // THIS RELEASE
Layout Blocks
42
+14 // EXPANDED
Dependencies
00
ZERO RUNTIME
Grid Discipline
100%
ATOMIC ALIGNMENT

02 PERFORMANCE_SPLIT

All Systems Nominal
99.98%

Thirty-day rolling uptime

12ms
Median
48ms
P99
0.02%
Errors
Request Volume // 24H +18.4%
00:0008:0016:0023:59

03 KPI_CONSOLE

Storage Saturation OK
412GB
0640 GB LIMIT
Queue Backlog SYNCING
1,204
Threat Surface
LOW
0 incidents // 30 days

Bento Grids

01 ASYMMETRIC_BENTO

Structural Core

Built on
a strict grid.

Every block resolves to the atomic scale. No soft edges, no drift.

Alignment
100%
Grid integrity verified
Bundle Mass
0kb
No runtime appended
Color Tokens
05 core values
Get Started
Start
building.

02 FEATURE_BENTO

Compute Layer

Zero latency
logic.

Components compile to pure static geometry. No hydration cost, no cascade surprises.

Static Atomic Verified
Runtime Load
Render01ms
Paint04ms
Idle99%
Instrumented // live probe
Layer System

04 stacked z-planes with explicit intersections.

Atomic Scale

0.25rem base rhythm across every component.

Hard Edges

Zero radius by default. Corners are structural.

03 COMMAND_BENTO

Traffic // 12H LIVE
84.2K
Peak 09:40
Active Nodes
32 +04 today
Latency 12ms NOMINAL
Scale
Add node.
All regions operational // 04 edge rings
UPTIME 99.98%

Pricing

01 GRID PRICING

Node // 01

$0

Core // 02

$49

Nexus // 03

$149

02 LOGIC COMPARISON

Features
Included
Pixel Engine
Pro Only

03 INLINE UNIT

Professional Stack
Billed annually // Unlimited components

04 ENTERPRISE_SLOT

PROTOCOL: NEXUS_ELITE

Custom Core
Infrastructure.

05 FEATURES_MATRIX

Core Feature Node Nexus Elite
Atomic Component Access ✓ ✓ ✓
Custom Protocol Tokens _ ✓ ✓
Dedicated Support Node _ _ ✓

06 CYCLE_TOGGLE

Monthly Annual -20%
Node
$39/mo
Billed annually // $468
  • 133 core components
  • 42 layout blocks
  • Single user
Recommended
Core
$99/mo
Billed annually // $1,188
  • Everything in Node
  • Unlimited users
  • Priority patch channel

07 USAGE_METER

Metered Core

Pay for
what you ship.

Requests beyond the base allocation bill at $0.40 per 1,000. No seats, no minimums.

$0.40
Per 1K
100K
Included
$0
Base fee
Current Cycle OCT 2026
Requests 184,204
0220K CAP
Estimated Bill
$33.68

Tables

01 INDUSTRIAL_GRID

Node ID Protocol Status Integrity
X-492-CORE SYPHON_v4 Active
B-108-VAULT LOCK_RSA Standby

02 LOGIC_COMPARISON

Architecture
Base
Pro
Elite
Pixel Precision Logic
Industrial Animations

03 DATA_EXPAND

Wait
Repository Name
Metric
project-alloy-core
99.9%
vault-infrastructure
45.2%

04 LEADERBOARD

Weekly Ranking
Deployment integrity // cycle 42
Live
Rank User Division Deploys Score Trend
01
MR
Marcus Reeve
ZA-01
Architecture 128 99.98
02
EV
Elena Voss
EU-04
Protocol 116 99.71
03
SV
Silas Vane
US-02
Engineering 94 98.64
04
AK
Aria Kade
AS-07
Grid 72 97.90

05 EVENT_STREAM

Live event stream
Info Warn Error
14:02:48
Deploy
Bundle promoted // edge ring 04
BUILD_8492
14:01:12
Threshold
Memory pressure above 82%
NODE_492
13:58:04
Error
Auth handshake rejected // token expired
AUTH_401
13:56:30
Info
Component manifest re-indexed // 133 entries
INDEX_OK
13:52:11
System
Scheduled database snapshot complete
SNAP_024
Showing last 05 events

Call To Action

01 FLUSH INCENTIVE

Engineered
for builders.

02 SPLIT COMMAND

Ready to
deploy?

03 TERMINAL PULSE

Release Notes.

Subscribe to get notified about new components and updates.

04 ANNOUNCEMENT_STRIP

New Release

v1.2.0 ships 17 new components across 3 new categories.

05 COUNTDOWN_CORE

Release Countdown

The next release
arrives in.

04
Days
:
12
Hours
:
38
Minutes

No credit card // instant node allocation

Articles & Blog

01 ARTICLE_GRID

Blog

Latest articles.

All entries
Release 01
2026.10.1404 MIN
Alloy v1.2 adds 17 new components

New timeline, empty-state and file-handling components join the library.

Read entry
Protocol 02
2026.10.0206 MIN
Why the border is the only decoration

A structural argument against shadows, radii and unnecessary ornament.

Read entry
Engineering 03
2026.09.1803 MIN
Zero runtime, full interaction

Native elements power every interactive component.

Read entry

02 FEATURED_SPLIT

Featured LOG_248
01
2026.10.1908 MIN READ
Release Notes

The library
gets larger.

Seventeen new components arrive in v1.2. Every block stays on the grid, every surface stays flat, and the runtime remains at zero.

Integrations

01 CONNECTED_GRID

Compatible Infrastructure

Works with your existing tools.

Twelve verified connectors // zero adapters required

02 CONNECTION_FLOW

Data Bridge Synced
SOURCE
Repository
git / main
Hub
CORE
Alloy Core
sync // 12ms
Edge Ring
04 regions
Primary DB
postgres // primary
Alert Channel
#deploy-log

03 API_STACK

Endpoint
Method
Latency
Status
Enabled
GitHub Webhook
/api/hooks/github
POST
24ms
Live
Slack Relay
/api/relay/slack
PUT
48ms
Live
Stripe Billing
/api/billing/sync
GET
112ms
Slow
Legacy Endpoint
/api/legacy/bridge
DEL
--
Offline

Newsletter

01 SUBSCRIBE_BLOCK

Newsletter

Stay up
to date.

One email per release. New components, structural updates, no noise.

No spam Unsubscribe anytime 4.2K subscribers

02 SPLIT_SUBSCRIBE

Release Notes

Get every
release.

Release notes, new components and breaking changes, straight from the team.

MR
EV
SV
+4K
Subscribers
subscribe.sh

Encrypted transport // zero resale

03 COMMAND_CAPTURE

Patch Dispatch
Release-only channel
$ subscribe --email
One email per release // no tracking pixels 4,218 nodes

Testimonials

01 PROOF_GRID

"Terminal aesthetic done right. Structural grid is a lifesaver for industrial apps."

MR
Marcus R. Foundry Inc

"The only library that prioritizes architecture over polish. Pure logic."

EV
Elena V. Protocol.io

"Shifted our entire tokens to Alloy. It's inevitable. Pixel perfect."

SV
Silas V. Core Logic

02 LOGO_GRID

Protocol. Foundry_ Vault Nexus.

03 FEATURE_LOG

"

"Alloy redefined how we handle structural systems. It's not just a UI library; it's a protocol for visual consistency."

Dr. Julian Vane
Head of Logic @ Quantum Systems

04 REVIEW HIGHLIGHT

Verified Sync

Flawless Integration
and execution.

The absolute precision of these components means we cut our frontend logic scoping time in half. It feels inevitable.

EK
Elias Kraft
Lead Ops, Core Dynamics

05 MONUMENT_QUOTE

"
The first framework that treats restraint as a feature instead of an afterthought.
MR
Marcus Reeve
Core Architect // Foundry Systems
99.9%
Grid integrity

06 PROOF_METRICS

-68%

"Build scoping time collapsed once every component shared the same atomic grid."

EV
Elena Voss
Protocol Lead
4.2K

"Shipped four products on this library. The interface never drifted once."

SV
Silas Vane
Grid Engineer
0 KB

"No runtime, no dependency tree, no surprises in production. Exactly as advertised."

AK
Aria Kade
Ops Director

Process

01 VERTICAL_TRACE

PHASE_01 INIT // COMPLETE

Audit the structure

Map the existing interface against the Alloy atomic scale. Identify every surface, border and type step that drifts.

PHASE_02 SCHEMA // COMPLETE

Define the tokens

Bind the palette, spacing rhythm and typography to a single theme layer. No component carries its own color logic.

PHASE_03 ASSEMBLY // ACTIVE

Compose the blocks

Assemble layouts from the component library. Keep intersections explicit and let the grid resolve the rest.

In Progress 29 Blocks
PHASE_04 SHIP // QUEUED

Deploy the system

Freeze the interface and ship the compiled build to production.

02 DEPLOY_STEPS

Release Process STEP 03 / 04
01 / OK
Compile

Static bundle resolved.

02 / OK
Verify

Regression grid passed.

03 / LIVE
Deploy

Promoting to edge ring.

04 / WAIT
Observe

24H telemetry window.

03 PIPELINE_GRAPH

Source
Commit_8492
main // 12 files
Build
Static Bundle
48kb // 0 runtime
Verify
Grid Audit
RUNNING // 64%
Deploy
Edge Ring
QUEUED
Duration
00:02:14
Checks
128 / 128
Coverage
99.8%
Trigger
PUSH
Artifact
48 KB

Team

01 TEAM_GRID

Team

The team.

04 active // 02 open slots
MR
Marcus Reeve
Core Architect
EV
Elena Voss
Protocol Lead
SV
Silas Vane
Grid Engineer
Open Slot
Join the core

02 PROFILE_SPLIT

ID // OP-004 Active
MR
Grid Type Core
Founder

Marcus
Reeve.

Built the original Alloy grid after years of fighting soft corners and inconsistent spacing. Believes every interface decision should be traceable to a number.

Architecture Typography Systems
128
Releases
06
Years
99.9
Score
Full dossier

03 ROSTER_LIST

MR
Marcus Reeve
marcus@alloy.system
Core Architecture
Online
Root
EV
Elena Voss
elena@alloy.system
Protocol Design
Online
Write
SV
Silas Vane
silas@alloy.system
Grid Engineering
Away
Read

FAQ

01 ACCORDION_BLOCKS

01 What defines the Alloy grid?

Every dimension derives from a 0.25rem atomic unit. Components are built on strict multiples of that unit, so borders, padding and type align across any composition without manual correction.

02 Can I override the tokens?

Yes. Alloy exposes its palette and typography as Tailwind theme variables. Override the definitions in your stylesheet and every component inherits the change without edits to the markup.

03 Does it ship JavaScript?

No. The components are pure HTML and Tailwind utilities. Interactive patterns use native elements such as details, checkbox inputs and range sliders wherever possible.

04 Is light mode supported?

No. Alloy is dark-mode exclusive by design. The contrast model depends on deep zinc surfaces and hard white type; a light translation would break the system.

02 SPLIT_SUPPORT

Support

Still
have
questions?

Contact the team directly for anything not covered here.

Contact support
How do I migrate an existing UI?

Map existing spacing to the atomic scale first, then replace surfaces and borders. Components inherit the system automatically.

What about accessibility?

Contrast ratios, focus order and semantic markup are part of the base layer. Interactive demos use native form controls wherever possible.

How are updates delivered?

Pull the repository to get the latest version, then open the explorer and copy only the markup you use.

Is there a Figma library?

A structural Figma mirror is maintained for planning. The HTML explorer remains the single source of truth.

03 TERMINAL_FAQ

alloy@core:~ /help 04 ENTRIES
> QUERY: WHAT IS THE ATOMIC UNIT? OPEN
RESPONSE: 0.25rem. All padding, gaps, heights and widths resolve to multiples of this value.
> QUERY: HOW DO I ADD A COMPONENT? OPEN
RESPONSE: Compose raw HTML with the core tokens and register a variant-item inside the appropriate component block.
> QUERY: WHERE IS THE SOURCE? OPEN
RESPONSE: github.com/Infinitode/Alloy. Clone, inspect, deploy. No package layer required.
$ awaiting query

Footers

01 MEGA GRID

ALLOY.

A square-edged UI component library for the web.

Library

Docs Elements
© 2024 ALLOY SYSTEMS v1.2.0 Stable

02 CENTERED BLOCK

Proprietary logic system © 2024

03 CONSOLE FOOTER

Status: Production // Regional: Global
Powered by ALLOY CORE

04 MASSIVE SITEMAP

ALLOY.IO

Building the structural web. One block at a time. No fluff, just pure architectural power.

Terminal Updates

Subscribe to receive system logic updates.

© 2026 Alloy Industrial. All rights reserved.

05 SIGNAL_FOOTER

A ALLOY.

Structured UI components that hold their shape in production.

Newsletter
Get the next release.

One email per release.

© 2026 Alloy Systems // MIT

06 STATUS_BAR

ALLOY. All systems nominal
v1.2.0 // BUILD 8512
ZA-01UTC 14:04© 2026

Feedback & Alerts

Warning: Unsaved changes will be lost
Logic Deployment Successful
ERROR_049: Account not found

04 SUCCESS_LOG

✓
Node Sync Complete // 100% Integrity

05 TOAST_STACK

Deployment_Active
Sync_Complete

06 CORE_MODAL_HALT

System Override Request

Authorization Required

Verify protocol signature to proceed with core dump.

07 INLINE_BANNER

Update Available

Build 8492 is ready for promotion. Verify the manifest before deploying to the edge ring.

08 MAINTENANCE_WINDOW

Scheduled Maintenance In 02:14

Edge ring recalibration

Regions EU-04 and US-02 will briefly queue requests while the routing table is rebuilt.

Readiness 74%
2 regions08 min

09 TOAST_STACK

Changes saved

Project settings updated successfully.

Build queued

Position 2 in queue. Estimated start in 40s.

Upload failed

tokens.zip exceeded the 50 MB limit.

Navigation

Explorer
Terminal
Active Pane
01: SYSTEM_INIT
02: DATA_SYPHON
03: CORE_DUMP

04 BREADCRUMB_TRACE

Library Layouts App Shells Dashboard Shell
Path depth // 04 segments

05 WIZARD_STEP

Step 01
Identity
02
Step 02 // Active
Configure
03
Step 03
Deploy
66% complete

App Shells

01 DASHBOARD_SHELL

Overview
Nodes
32
+04 TODAY
Uptime
99.98%
30 DAY
Load
8.4K/s
PEAK 09:40
Recent Nodes 04 / 32
X-492-CORE
Active
B-108-VAULT
Active
V-771-EDGE
Syncing

02 KANBAN_BOARD

Sprint 14

Build Pipeline

MR EV +2
Backlog 04
GridA-122
Audit bento row spans
Pending SV
DocsA-119
Document switch primitives
Pending EV
Active 02
LayoutA-124
Ship dashboard shell
In Progress MR
CoreA-121
Normalize slider thumbs
In Review EV
Shipped 06
ShippedA-117
Publish stats blocks
Done
ShippedA-115
Merge FAQ accordion
Done

03 SETTINGS_SHELL

Settings / Identity

User profile

Two-Factor Authentication
Hardware key required on every new session
Deployment Alerts
Push to terminal on every verified release
Telemetry Sharing
Anonymous performance packets

04 STATUS_PAGE

A Alloy Status
All systems operational
Last checked 2026.10.21 14:05 UTC
99.98%
API Operational
CDN Degraded performance
Dashboard Operational
Past incidents
OCT 18
Elevated CDN latency in EU region

Resolved after 24 minutes. Edge cache nodes were rebalanced.

05 ERROR_404

HTTP 404 // Page not found
404

This page does not exist or has been moved. Check the URL, or head back to a page that does.

REQ_ID 8F2C-11A0 // 2026.10.21

06 DOCS_LAYOUT

A Alloy Docs
Getting Started Installation

Installation.

Alloy ships as plain HTML and a compiled stylesheet. Clone the repository and copy the markup you need.

terminal

$ git clone https://github.com/Infinitode/Alloy.git

$ npm install && npm run build:css

Note

The compiled stylesheet already includes every utility used by the components.

Authentication

01 CORE_LOGIN

A

Sign In

Enter your credentials to continue.

Forgot password?

02 SPLIT_IDENT

Sign in to Alloy

Or with email

03 OTP_VERIFY

Secure Channel // 2FA

Identity Challenge

Code sent to terminal ending // 8492

04 PASSKEY_TERMINAL

Passwordless

Key in.
Lock out.

Hardware-bound credentials. Nothing phishable, nothing reusable.

Passkey Detected
YubiKey 5C // ZA-01
Challenge VERIFIED
Origin alloy.system
Session ESTABLISHING...

Contact

01 TERMINAL_COMMS

Contact Form // Port 3000

02 DATA_PORTAL

Support
Hub.

Send bug reports and feature requests to the core team.

Global HQ
Sector 4, Alloy District
Neo-City, 90210
Direct Line
ping@alloy.system

03 GEO_UPLINK

Sector Map // Live HQ
LAT -25.8770 // LON 29.2000
Sector 4 // Alloy District
Direct Line

Send us
a message.

Response within 24 hours
Theme Lab
Live token preview