Skip to content
Nitro KitAlpha
Sign in

Customize Nitro Kit

Tune documented public tokens, pressure-test them in a real application shell, then copy the deterministic CSS and Phlex composition.

Accent

Primary actions, focus rings, and selected states.

Neutral

Canvas, surfaces, borders, and text.

Radius

Corner treatment across controls and surfaces.

Density

Base spacing and control heights.

Typography

The application-wide sans-serif stack.

Preview appearance

Light, dark, or live system—preview only, never saved or shared.

Inputs and controls

BadgeSecondaryOutline

Are you absolutely sure?

This action cannot be undone.

Distribute Track

Upload your first master to start reaching listeners on Spotify, Apple Music, and more.

Claimable Balance

$0.00Pending Setup
Net Royalties
$0.00
Processing Fee
-$0.00
Total Ready to Claim
$0.00 USD

Once your bank is connected, balances over $10.00 are automatically eligible for monthly distribution on the 15th of each month.

Preferences

Manage your account settings and notifications.

Allow others to see your total stream count and listening activity
Monthly royalty reports and distribution updates

Notifications

Choose what you want to be notified about.

Notification preferences

Buy Investment

Market orders execute at the current price.
Estimated Shares
1.95
Buying Power
$12,450.00
Trades are typically executed within minutes during market hours.

Account Access

Update your credentials or re-authenticate.

Danger Zone

Archive account and remove catalog

Recent Transactions

Your latest account activity.

Blue Bottle CoffeeFood & DrinkToday, 10:24 AM-$6.50
Whole Foods MarketGroceriesYesterday-$142.30
Stripe PayoutIncomeOct 12+$4,200.00
Uber TechnologiesTransportOct 11-$24.10
Netflix SubscriptionEntertainmentOct 10-$19.99

Cover Art

No files selected.

Set a new milestone

Define your financial target and we'll help you pace your savings.

Transfer Funds

Move money between your connected accounts.

Estimated arrival
Today, Apr 14
Transaction fee
$0.00
Total amount
$1,200.00

Payout Preferences

Receiving Method

Support

How secure is my financial data with Ledger?

We use bank-level AES-256 encryption, SOC 2 Type II certified infrastructure, and never store your credentials. All connections use read-only access tokens. We are a SEC registered investment advisor.

How do I connect my bank or investment accounts?

Choose an institution and follow the secure connection steps.

Can I export my data for tax purposes?

Yes. Reports can be exported from your account.

Billing support topics.

Goal planning support topics.

INVESTING GUIDE

How dollar-cost averaging works

Dollar-cost averaging means investing the same amount on a regular schedule, regardless of what the market is doing.

When prices drop, your contribution buys more shares. When prices rise, it buys fewer. Over time, this can smooth out the average price you pay.

A simple monthly plan

  1. Choose an amount that fits your budget.
  2. Invest on the same day each month.
  3. Review the plan annually—not after every market swing.

The best plan is one you can keep following when markets feel uncertain.

Dollar-cost averaging cannot prevent losses, but it can make a long-term strategy easier to maintain. Read the complete investing guide.

Copy application-owned code

CSS contains changed public tokens only. Ruby composes Nitro-owned components.

CSSapp/assets/stylesheets/nitro_theme.css
:root, [data-theme="light"] {
  --nk-color-focus: oklch(0.439 0 0);
  --nk-color-primary: oklch(0.269 0 0);
  --nk-color-primary-foreground: oklch(0.97 0 0);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --nk-color-focus: oklch(0.708 0 0);
    --nk-color-primary: oklch(0.985 0 0);
    --nk-color-primary-foreground: oklch(0.205 0 0);
  }
}

[data-theme="dark"] {
  --nk-color-focus: oklch(0.708 0 0);
  --nk-color-primary: oklch(0.985 0 0);
  --nk-color-primary-foreground: oklch(0.205 0 0);
}
Rubyapp/components/workspace/layout.rb
render NitroKit::Grid.new(cols: "1 lg:2", gap: 4) do
  render NitroKit::Card.new do |card|
    card.title("Active projects", level: 2)
    card.body { "12 projects across 18 workspace members" }
  end

  render Workspace::RecentProjects.new
end