Svelte Craft Design System

Svelte Craft is a lightweight, flexible design system for building responsive layouts in Svelte and handling prose.

npx jsrepo add --repo github/sikandarjodd/craft

HTML Attribute

Example Article

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 13 March 2025.