---
title: Overview | Introduction
contributors:
  - adamdbradley
  - steve8708
  - manucorporat
  - gabrielgrant
  - zanettin
  - mhevery
  - saisrikardumpeti
  - EdinK1
  - mrhoodz
  - moinulmoin
  - LoganAffleck
  - erikras
  - ahevery
  - maiieul
updated_at: '2023-06-25T19:43:33Z'
created_at: '2023-03-20T23:45:13Z'
---
import { streamlinepixel as pixel } from '@qds.dev/ui';

# Welcome to Qwik

Qwik is a new kind of web framework that can deliver instant loading web applications at any size or complexity thanks to its resumable and javascript streaming architecture.

## Getting Started with Qwik

<div class="card-grid">
  <a class="card card-intro" href="/docs/getting-started/">
    <div class="card-icon">
      <pixel.businessproductstartup1 class="intro-icon" />
    </div>
    <div class="card-body">
      <h3>Getting Started</h3>
      <p>Learn the basics and create your first Qwik app in minutes.</p>
    </div>
  </a>
  <a class="card card-intro card-violet" href="/docs/concepts/think-qwik/">
    <div class="card-icon">
      <pixel.interfaceessentialflash class="intro-icon" />
    </div>
    <div class="card-body">
      <h3>Why Qwik?</h3>
      <p>Understand resumability, javascript streaming, and what makes Qwik unique.</p>
    </div>
  </a>
  <a class="card card-intro" href="/api/">
    <div class="card-icon">
      <pixel.codingappswebsitesprogrammingholdcode class="intro-icon" />
    </div>
    <div class="card-body">
      <h3>API Reference</h3>
      <p>Complete reference for all Qwik core APIs, hooks, and utilities.</p>
    </div>
  </a>
  <a class="card card-intro card-violet" href="/ecosystem/#courses">
    <div class="card-icon">
      <pixel.contentfilesopenbook class="intro-icon" />
    </div>
    <div class="card-body">
      <h3>Courses</h3>
      <p>Step-by-step tutorials and interactive courses for all skill levels.</p>
    </div>
  </a>
  <a class="card card-intro" href="https://qwik.dev/chat">
    <div class="card-icon">
      <pixel.emailmailchat class="intro-icon" />
    </div>
    <div class="card-body">
      <h3>Community</h3>
      <p>Join the Discord, contribute to the project, and share what you build.</p>
    </div>
  </a>
  <a class="card card-intro card-violet" href="/docs/qwikrouter/">
    <div class="card-icon">
      <pixel.mapnavigationcompassdirection class="intro-icon" />
    </div>
    <div class="card-body">
      <h3>Qwik Router</h3>
      <p>File-based routing, loaders, actions, and middleware for your app.</p>
    </div>
  </a>
</div>

## Explore More

<div class="card-grid">
  <a class="card card-explore" href="/media/">
    <div class="card-icon">
      <pixel.videomoviesvintagetv1 class="intro-icon" />
    </div>
    <div class="card-body">
      <h3>Media & Presentations</h3>
      <p>See more presentations, videos, and podcasts</p>
    </div>
  </a>
  <a class="card card-explore card-violet" href="/showcase/">
    <div class="card-icon">
      <pixel.interfaceessentialtrophy class="intro-icon" />
    </div>
    <div class="card-body">
      <h3>Showcase</h3>
      <p>Check out websites built with Qwik</p>
    </div>
  </a>
</div>

## Why Qwik?

<div class="card-grid">
  <div class="card card-feature">
    <h3>General-purpose</h3>
    <p>Qwik can be used to build any type of website or application.</p>
  </div>
  <div class="card card-feature">
    <h3>Instant Interactivity</h3>
    <p>Qwik apps work instantly without any delay because they don't need hydration, regardless of their size or complexity.</p>
  </div>
  <div class="card card-feature">
    <h3>JS Streaming</h3>
    <p>Qwik delivers sub-second full page loads, even on mobile, by serving pure HTML and executing JavaScript when your users opt-in.</p>
  </div>
</div>



