code-anything.com
Log inStart free

Developer

Nimbus

Nimbus is a landing template for an open-source library or framework — the kind of page that has to win over a skeptical engineer in one scroll. A cool near-white canvas with pure-white panels, near-black ink and a single electric-indigo accent puts a copy-able install line, a real syntax-tinted usage card, a GitHub star CTA and the social-proof badges (stars, weekly downloads, bundle size, licence) front and centre, so adoption signals land before any prose. The signature motif is a set of registration ticks — L-shaped corner crop marks that pin every premium surface, so the whole page reads as one engineered spec sheet. It ships a README badge strip, a four-up feature grid (tiny, typed, zero-deps, tree-shakeable), a "runs green" moment with an animated dark test terminal and a line-coverage meter, a mono metrics strip, a quiet "trusted by" sponsor marquee, and a community band that points contributors at good first issues — with restrained, reduced-motion-aware CSS motion throughout.

Crisp, light, engineered calm — an open-source library that earns trust with a real snippet, a green test run and honest numbers, every surface pinned with registration ticks like a spec sheet.

open-source.code-anything.app
Nimbusv2.4.1
the reactive store that gets out of the way

Reactive state
in 3 kB.

A tiny, fully typed state library for JavaScript and TypeScript. One store() — no providers, no boilerplate, just values you read and update from anywhere.

$npm i nimbuscopy
Star on GitHub★ 24.8kRead docs
stars24.8kdownloads/wk1.2Mminzipped3.1 kBlicenceMITtypesTypeScriptdeps0
cart.tstypedok
import { store } from 'nimbus'

// one store, fully typed from its initial value
const cart = store({ items: [], total: 0 })

// re-render whenever the state changes
cart.subscribe((state) => render(state))

cart.set((draft) => {
  draft.items.push(product)
  draft.total += product.price
})
README.mdbuildpassingcoverage99%bundle3.1 kBnpmv2.4.1node≥18issues12 open● all systems green
❯features

Small on purpose

Every kilobyte and every dependency is one you have to read, audit, and ship. Nimbus keeps the count low so the audit stays short.

01
3.1 kB
Tiny

One small module, no runtime to ship around it — smaller than the favicon on most sites.

02
100%
Fully typed

Types inferred from your initial state. No generics to hand-write, no any leaking through.

03
0
Zero deps

Nothing in node_modules but Nimbus. No transitive churn, no supply-chain surface to audit.

04
ESM
Tree-shakeable

Pure ES modules with sideEffects:false, so bundlers drop everything you never import.

❯verified

Green on every commit

Thirty-five tests and a full type-inference suite run on every push. No flaky mocks, no hidden globals — just the store you shipped, exercised end to end.

line coverage99%
buildpassingtypesstrictcigreen
zsh — nimbus
$ npm test
✓store/create.test.ts (8)
✓store/subscribe.test.ts (12)
✓store/immutability.test.ts (9)
✓types/inference.test-d.ts (6)
Test Files 4 passed (4)
Tests 35 passed (35)
Duration 412ms
$
24.8k
GitHub stars
1.2M
weekly downloads
312
contributors
99%
line coverage
❯ trusted in production by teams who ship
NorthwindLumen LabsOrbitalFernwehCadenceDriftwoodHalcyonMeridianNorthwindLumen LabsOrbitalFernwehCadenceDriftwoodHalcyonMeridian
❯community

Built in the open

Nimbus is MIT licensed and maintained by a community of contributors. Issues are triaged weekly, and there is always a stack of small, well-scoped tasks for a first pull request.

good first issuehelp wanteddocstypescriptdiscussion
nimbus / stats
contributors312
stars24.8k
merged PRs1.4k
median triage< 24h

Design rules

The system, applied to any site

Every rule below travels with the template — describe your tweaks and the agent keeps the system intact.

What it decides for you

  • Stay light and near-monochrome: a cool near-white canvas (#FAFBFD) with pure-white panels (#FFFFFF) and a soft grey panel tint (#F5F7FB), near-black ink text (#0B1020), and reserve the single electric-indigo accent (#4F46E5) for the primary CTA, the install sigil, links, the `❯` chevron and code keywords — never as a full-bleed background.
  • Make registration ticks the signature motif: pin premium surfaces (the hero code card, the stats panel) with four L-shaped corner crop marks in a hairline colour, so the whole page reads as one engineered spec sheet. Head each section with a mono `❯` prompt-chevron kicker.
  • Lead with the install line, code and social proof, not a photo: the hero pairs a copy-able "npm i nimbus" line, a "Star on GitHub ★" plus "Read docs" CTA row and a badge row (stars, weekly downloads, minzipped size, MIT licence, TypeScript, zero-deps) against a syntax-tinted code card. Ship no images at all.
  • Set everything technical in monospace: the install line, the code card, badge metrics, big numerals and versions use a monospace stack (ui-monospace, SFMono-Regular, Menlo, "JetBrains Mono"), while headings and body copy stay in a clean sans-serif (Inter) with tight negative tracking on the display sizes.
  • Token-colour the code on a light surface (violet keywords, cyan function names, green strings, amber numbers, grey comments/punctuation), and stage the "runs green" test run on a dark terminal (#0B1020) with emerald ✓ ticks — the one dark surface, for contrast.
  • Favour hairline borders (#E6EAF2) and gentle radii over heavy shadows; separate sections with thin rules and generous vertical rhythm, and let the emerald secondary (#0E9F6E) carry positive "passing / zero-deps / green" accents sparingly.
  • Keep copy honest and terse: real numbers in the badges and metrics strip, a usage example that actually runs, short imperative feature labels, and a community band that links to docs and good first issues rather than marketing filler.

Ships with

Sticky top nav with a chevron mark, "Nimbus" wordmark + version shield, Docs / API / Examples / Changelog links, a GitHub star button and a "Get started" buttonAsymmetric hero: eyebrow pill, oversized headline with a swept gradient underline, subtext, copy-able install line, "Star on GitHub ★ / Read docs" CTAs, a badge row, and a syntax-tinted code card pinned with registration ticksFull-width README badge status strip (build, coverage, bundle, npm, node, issues)Four-up feature grid (tiny, fully typed, zero deps, tree-shakeable) with line icons, metrics and hover liftA "runs green" split: line-coverage meter and status shields beside an animated dark test-run terminal with emerald ✓ ticksMono metrics strip (stars, weekly downloads, contributors, coverage)Trusted-by sponsor wordmark marqueeCommunity & contributing band with good-first-issue chips beside a ticked stats panelFooter with Library / Resources / Community link columns plus an MIT licence line

Design tokens

Palette

bg
surface
text
muted
accent
accent2
border

Headings

Inter

Body

Inter

Radius

14px

Explore palettes

Keep looking

More from the library

AuroraMarketing
Warm ArtisanMarketing
Sharp FadeBooking
CockpitDashboard

Make it yours in minutes.

Start from this template and describe your tweaks — content, sections, colours. The backend and deploy are handled.