✴︎

Craft Design System

Craft is an open-source design system for building content sites and user interfaces. It was created by Bridger Tower.

HTML Attribute

Example Article

Preview

Sample Article Title

This is a lead paragraph that introduces the article.

Section 1: Text Styles

This is a regular paragraph with strong text, emphasized text, and a sample link.

This is large text for emphasis.

This is small, muted text for less important information.

Section 2: Lists

Unordered List

  • First item
  • Second item with a link
  • Third item

Ordered List

  1. First step
  2. Second step
  3. Third step

Definition List

Term 1
Definition of term 1
Term 2
Definition of term 2

Section 3: Block Elements

This is a blockquote. It can be used for quoting other sources.- Author Name
function greet(name) {
  console.log("Hello, " + name + "!");
}
Placeholder image
This is a figure caption for the image above.

Section 4: Inline Elements

You can use inline code within a paragraph. Press Ctrl + S to save. Here's some highlighted text and an abbr. You can also use subscript and superscript text.

Section 5: Table

Header 1Header 2Header 3
Row 1, Cell 1Row 1, Cell 2Row 1, Cell 3
Row 2, Cell 1Row 2, Cell 2Row 2, Cell 3

Section 6: Additional Elements

Click to expand

This is hidden content that appears when expanded.


This article was last updated on May 1, 2023.

HTML Attribute

Another Example Article

Preview

Learning React in 2025: The Ultimate Guide

By Web Development Expert

Prerequisites

✓ Modern JavaScript (ES2024+)

✓ Basic understanding of web development tools

✓ HTML & CSS fundamentals

Modern React Tooling

Vite - Lightning-fast build tool and dev server

TypeScript - Essential for type-safe React development

pnpm - The preferred package manager in 2025

Core Concepts to Master

React Hooks in 2025

  • The new 'use' hook for data fetching
  • React Signals for state management
  • Server Components and Actions

Modern Component Patterns

  • Server Components as the default
  • Streaming SSR
  • Enhanced Suspense boundaries

Recommended Learning Path

  1. Week 1-2: Master React fundamentals and hooks
  2. Week 3-4: Deep dive into Server Components
  3. Week 3-4: Build real-world applications

Essential Resources

Official Documentation

react.dev - Always up-to-date

Community Resources

React Discord community


Additional Resources

Recommended Books

  • React Design Patterns
  • Server Components in Action
  • Modern React Testing
The best way to learn React is by building real projects and engaging with the community.- React Core Team
React Development Workflow
A typical React development workflow in 2025

© 2024 Bridger Tower