mirror of
https://github.com/webstudio-is/webstudio.git
synced 2026-11-02 18:18:35 +09:00
10 KiB
10 KiB
Table of contents
Basics
university
- ⚛️ Foundations
- 🏠 Dashboard
- 🛠️ Anatomy of the Webstudio builder
- 🗺️ Navigator
- 📐 Layout & Flexbox
- 📐 Layout & Grid
- 📱 Responsive design
- 📱 Breakpoints
- 🧱 CSS variables
- 🖌️ Design tokens
- 🎨 Style panel
- 🎯 States and selectors
- 🔡 Data variables
- ➕ Expression editor
- 🎨 Custom classes & attributes
- 🔄 Transforms
- 🎬 Animations
- 💾 CMS
- ♻️ Reusability & maintainability
- ↔️ Copy-Paste
- 🔍 Commands & search
- 🗂️ Assets
- 📚 Content Engine
- 🎯 SEO settings
- ⚡ Performance
- ⌨️ Shortcuts
- 📄 Page settings
- 📄 Page templates
- ⚙️ Project settings
- 🌐 HTTP response headers
- 🔀 Path patterns
- 🎭 Modes
- 🔗 Share links
- 🌐 Publishing & custom domains
- 🧩 Core Components
- 📦 Element
- 🔗 Link
- 🔲 Slot
- ➖ Separator
- 📝 Text
- 🔤 Heading
- 📄 Paragraph
- ✏️ Inline Text
- 💬 Blockquote
- ⚠️ Alert
- 📄 Code Text
- ✍️ Form
- ✍️ Webhook Form
- 🔘 Button
- 🏷️ Label
- 📝 Input
- 📝 Text Area
- 📋 Select
- ☑️ Checkbox
- 🔘 Radio Button
- 🖼️ Image
- 🎬 Video
- ⏯️ Vimeo
- ▶️ Vimeo Background Video
- ▶️ YouTube
- 💾 Collection
- 🪜 Content Embed
- 🪜 Markdown Embed
- 📝 Content Block
- 📃 List
- ⌨️ HTML Embed
- 🎬 Animation Group
- Text Animation
- 🎥 Video Animation
- 👨👨👦👦 Stagger Animation
- 🗂️ Head Slot
- 🏷️ JSON-LD
- 📘 XML Node
- 🕐 XML Time
- 🕐 Time
- 📛 Built with Webstudio
- ⬛ CLI
- 🤖 MCP
- ✨ Inception
- ▫️ Radix UI Components
- Marketplace
- 🤖 Webstudio AI
- 📤 Self-Hosting
- 🧑🏫 How-Tos
- ▶️ How to add icons
- ▶️ How to use custom fonts
- ▶️ How to create fluid video backgrounds with Vimeo
- ▶️ How to crop an image without cropping the original
- ▶️ How to create responsive navigation
- 🍀 How to add a GSAP animation
- ▶️ How to make a custom 404 page
- ▶️ Build Your Own Directory Website with Airtable
- ▶️ Using filters to dynamically display content
- 🔗 Integrations
- How to build a frontend for Supabase using Webstudio
- How to build a frontend for Airtable using Webstudio
- How to integrate a Webhook Form with Airtable
- How to build a frontend for Baserow using Webstudio
- How to build a frontend for Hygraph using Webstudio
- How to build a WordPress frontend using Webstudio (no-code builder)
- How to integrate a Notion database with Webstudio
- How to integrate Webhook Form with Pabbly
- How to integrate Webhook Form with Zapier
- How to integrate Webhook Form with N8N
- How to integrate Flotiq with Webstudio
- Craft