Weblin

Pre-composed layouts

Copy any block — it's self-contained. The seeds for a future community-layouts library.

HTML-first framework

Build interfaces with semantic HTML, not class soup

One CDN import. Attributes for variants. A warm-minimal aesthetic that looks designed, not generated.

Pricing page example

Plans & Pricing

Simple, transparent pricing for teams of any size.

Starter

For side projects

$0/mo

  • 1 project
  • Community support
  • Basic components

Pro

Popular
For growing teams

$24/mo

  • Unlimited projects
  • Priority support
  • All components & layouts

Enterprise

For large organizations

Custom

  • SSO & SAML
  • Dedicated support
  • Custom integrations
About

Designed for humans, written for AI

Weblin ships with a skill.md spec so AI assistants can generate framework-correct HTML. The attribute API is model-friendly: <button primary> is easier to emit correctly than a 4-class compound.

Decorative
View transitions

Baked-in motion, respectfully

Cross-document transitions via @view-transition and in-document transitions via the [vt] attribute. Both honor prefers-reduced-motion.

Decorative

Welcome back

Enter your credentials to sign in
Forgot password?

Or continue with

Don't have an account?

Create your account

Start with a 14-day free trial. No credit card required.
Minimum 8 characters. Mix in a number for strength.
Already have an account?

Find your flight

Preferences

JFK → BCN

$420
Non-stop · 7h 45m · Iberia
06:3019:15

JFK → BCN

$380
1 stop · 11h 20m · Lufthansa
14:5010:10

JFK → BCN

$510
Non-stop · 7h 30m · Delta
22:1510:45
Dashboard

Welcome back, Alex

Users

12,847

+12%vs last month
Revenue

$48.2k

+8%vs last month
Sessions

3,219

-3%vs last month
Conversion

4.7%

+1.2%vs last month

Recent users

User Role Status Last active
Chris Hayes
Admin success 2 min ago
Dennis Lee
Editor success 1 hour ago
Sarah Cho
Viewer warning 3 days ago
Engineering

The case for classless CSS

Ada Lovelace Published Mar 12, 2026 · 8 min read

For years, the frontend community has gravitated toward utility-first CSS frameworks. They solve real problems — but they also create new ones. Let's examine what we lose when every style becomes a class.

The problem with utilities

Utility classes are verbose. A single button can carry 6+ classes. The HTML becomes hard to read, hard to write by hand, and easy to get wrong. AI assistants struggle to emit the correct combination.

Attributes solve this. <button primary> is semantic, concise, and unambiguous. The variant is the attribute.

"The best framework is the one that gets out of your way."
— Anonymous

Native HTML5 as a first-class citizen

The browser already has <dialog>, popover, <details>, anchor positioning, and view transitions. A good framework embraces these instead of reimplementing them in JavaScript.


css html frameworks
Account

Settings

Profile

Preferences

Danger zone

Delete account

This action is permanent. All your data will be removed.

404

Page not found

The page you're looking for doesn't exist or has been moved.

Error code: 404 · Page not found
Contact

Get in touch

Have a question, feature request, or bug report? We usually respond within 24 hours.

hello@weblin.dev
github.com/alsanan/weblin
Community Discord

No messages yet

When you start a conversation, it'll appear here. Reach out to get the ball rolling.

July 2026

MonTueWedThuFriSatSun
29
30
1
2
3
4
5
6
7
8
9
Meeting
10
11
12
13
14
15
Birthday
16
17
18
19
20
21
Review
22
24
25
26
27
28
29
30
31
1
2

New event

1
2
3
4
5
6
7
8
9
10
11
12
13
.container {
display: grid;
gap: var(--space-4);
padding: 2rem;
border-radius: var(--radius-card);
background: var(--bg-card);
}

.title {
font-size: var(--fs-h3);
font-weight: 600;
color: var(--fg);
}
UTF-8 • 13 lines • 312 bytes
A
Alice Chen Online
10:24 AM Hey! Are you free for a call this afternoon?
10:26 AM Sure! How about 3 PM?
10:27 AM 3 PM works perfectly. I'll send you the meeting link.
10:28 AM Great, see you then! 👋
Apollo 11 Moon Landing

Neil Armstrong becomes the first human to walk on the Moon.

Fall of the Berlin Wall

The Berlin Wall is torn down, marking the end of the Cold War division.

9/11 Attacks

Terrorist attacks on the World Trade Center and the Pentagon.

Obama Elected

Barack Obama is elected the first African American President of the United States.

COVID-19 Pandemic

WHO declares COVID-19 a global pandemic.

To Do 3
Design
Update landing page hero
Dev
Implement search API
#42
Content
Write changelog v2.0
In Progress 2
Dev
User authentication
Frontend API
Design
Dashboard mockups
Done 2
Dev
Database schema
Design
Logo final assets
Hello, Wiki! 👋
Your income for today +2.5%
W
+2.5%
Mon
+3.1%
Tue
+1.8%
Wed
+0.9%
Thu
+4.2%
Fri
Weekly
$24,635
+2.5% +274USD
Monthly
$61,659
-2.5% -334USD
Set your balance
Total balance
$64,891.04
+2.5% +$274
Crypto assets
B
Bitcoin
BTC
+$541.2
E
Ethereum
ETH
+$357.8
Portfolio

$284,520.00

+$12,340.00 (4.5%) today
Symbol Price Change Holdings Value
AAPL
Apple Inc.
$234.50 +1.2% 120 $28,140.00
GOOGL
Alphabet Inc.
$185.20 +0.8% 85 $15,742.00
MSFT
Microsoft Corp.
$452.10 -0.3% 60 $27,126.00
TSLA
Tesla Inc.
$278.30 +3.5% 40 $11,132.00
AMZN
Amazon.com Inc.
$198.75 +2.1% 100 $19,875.00
Total $102,015.00
Cash Balance
$182,505.00
Day Change
+$12,340.00
Dividends (YTD)
$2,450.00
Home / Documents / Work
Folders
Reports 12 items
Invoices 8 items
Presentations 5 items
Files
Name Size Kind Modified
Q4-Report.pdf
2.4 MB PDF Document Today, 10:32 AM
Meeting-Notes.docx
845 KB Word Document Yesterday, 4:15 PM
Wireframe-v3.png
3.1 MB PNG Image Jul 14, 2:08 PM
styles.css
12 KB Stylesheet Jul 13, 11:45 AM
Budget-2026.xlsx
156 KB Spreadsheet Jul 12, 9:00 AM
Assets-v2.zip
18.5 MB Archive Jul 10, 3:30 PM
Call your partner
Call session with Alex In 30 minutes
25
25
26
27
28
29
30
31
01
02
03
04
05
06
07
08
09
10
11
12
13
14
Packaging...
Packaging...
Packaging production
Packaging production
Board Meeting
Sprint review
Sprint review

New task

AK

Alex Kowalski

Senior Software Engineer

San Francisco, CA alex@example.com github.com/alexk linkedin.com/in/alexk

Skills

TypeScript React Node.js Python Go GraphQL PostgreSQL Docker Kubernetes AWS Redis Rust

Languages

English (Native) Polish (Native) German (Professional)

Interests

Open source, distributed systems, machine learning, climbing, photography

Experience

Senior Software Engineer · Stripe
2022 – Present
  • Led migration of payment processing pipeline from monolith to event-driven microservices, reducing latency by 40%
  • Designed and implemented idempotency key system handling 50k+ requests/s with 99.99% uptime
  • Mentored 4 junior engineers through structured code reviews and pair programming sessions
  • Architected multi-region deployment strategy reducing p99 latency from 340ms to 95ms
Software Engineer · Vercel
2020 – 2022
  • Built real-time collaboration infrastructure using CRDTs, supporting 10k+ concurrent users
  • Developed Edge Functions runtime with V8 isolates, cold-start times under 5ms
  • Reduced CI pipeline from 22min to 4min through parallelization and caching strategies
Frontend Engineer · GitHub
2018 – 2020
  • Contributed to GitHub Actions workflow editor — drag-and-drop YAML builder used by 2M+ repos
  • Shipped code review analytics dashboard tracking review velocity across 500+ enterprise orgs

Education

M.S. Computer Science · Stanford University
2016 – 2018

Thesis: Efficient Key-Value Stores on Untrusted Infrastructure — GPA: 3.9

Notable Projects

kvs — Embedded key-value store in Rust. 4.2k stars on GitHub.
pixel-sort — Creative coding library for pixel sorting image effects.
dotfiles — Opinionated dev environment setup used by 200+ engineers.
Social Proof

Tweet Card

Clean Twitter/X-style embed card. Self-contained, fits any column width.

CG
Carson Gross @htmx_org Jan 7, 2022

HTML is the dark matter of the web. Every framework compiles to it, every browser renders it, yet we keep pretending it's not the answer.

thesis: MPA — multi-page application
antithesis: SPA — single-page application
synthesis: HDA — hypermedia-driven application
— @htmx_org

The web doesn't need another JavaScript framework. It needs a better hypermedia. #hypermedia #htmx

142 584 2.8k 94.2k
Mobile

App Screens

Phone-framed UI concepts. Two mobile screens in a row on desktop.

9:41
Hello, VICTOR
12, Palm Groove, Lagos
3
Your Balance
$245.00
Current Tracking See all
PAQ-327-P21
From: 15, Idumota RD, 16 Jan 2026
To: 21, Ikeja Lagos, 25 Jan 2026 (EST)
In Transit
Recent Activities See all
PAQ-401-A36
Item: iPhone 17 Pro Max 256G
Date: 12 Jan 2026
Delivered
9:41
Details
PAQ-327-P21
In Transit
Received 10:30am
In Transit 12:30pm
Delivered Pending
Delivery Details
Receiver John Doe
Address 12, Palm Groove
Contact +234-123-201-419
Item Samsung 75" Oled
Note Fragile
Contact Rider
MJ
Mr John
Contact Rider
Activity History
9:30am 19 Jan 2026
The package has reached the local delivery center
12:00pm 19 Jan 2026
The package is out for delivery
3:45pm 20 Jan 2026
The package arrived distribution center
9:41
Task Management
Good morning, Hadi. You have remain few task and meet. Don't forget to handle them
June 2025
SUNMONTUEWEDTHUFRISAT
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
Team Meeting
Discussing the project with the team
H
D
M
12:00 - 01:00 PM
One-to-one · Repeats every two weeks
D
H
M
02:00 - 3:45 PM
Daily meeting · Repeats every month
Today 1h
9:41
Task Management
Daily meeting
02:00 - 3:45 PM · Repeats every two weeks
Participants
D
H
M
Danyal, Hadi, Mirjol
Plan
Discussion of the brief from the customer 2:00 - 2:30 PM

Analysis of the client's requirements 2:30 - 3:45 PM

Understanding the customer's needs 2:00 - 2:30 PM
9:41
Monday
28 May
12:31
NOW
Today
Conduct product research
Work, Study
Writing a Social Report
Work
Home Mypage