Website Library
The canonical home for the Rahiel Web Framework: tokens, primitives, subsections, sections, registry metadata, project assembly, docs, and implementation recipes in one compact library.
UI reference shelf
Find UI libraries by purpose and keep your own favorites and ratings.
UI libraries & design references
Search 13 existing references, compare reuse terms, and build a private shortlist with backup/export.
Open UI libraries & design referencesFoundations
Design decisions that control the whole template: color, typography, spacing, radius, shadows, and theme presets.
/design-systemDesign System Editor
Tune tokens live and preview real production sections in context.
Open Design System EditorFramework Model
The Rahiel layer model: tokens, primitives, subsections, sections, registry, project layer, and agent workflow.
Open Framework ModelPrimitives
Small reusable controls such as buttons, cards, inputs, overlays, media, and feedback elements.
/ui-componentsButtons
Solid default CTA, explicit gradient CTA, arrow animation, links, and structural variants.
Open ButtonsMedia & Avatars
Identity and media primitives used across proof, team, and profile patterns.
Open Media & AvatarsForm Controls
Field controls and compact form recipes for contact, signup, filtering, and inquiry flows.
/sections/forms-controls/sections?family=formsField Controls
Inputs, selects, choice groups, and floating labels used by reusable form sections.
Open Field ControlsPatterns
Reusable layout recipes for grids, stacks, split sections, headers, media pairings, and composition rhythm.
/sections/patternsLayout Patterns
Containers, stacks, grids, flex rows, columns, and section headers.
Open Layout PatternsSections
The main visual browser for finished sections with thumbnails, preview modals, families, and implementation metadata.
/sections/library/preview/[sectionId]Section Explorer
Browse reusable heroes, content, forms, CMS, social proof, CTA, and utility sections.
Open Section ExplorerSection Families
Jump into filtered families when building pages from reusable modules.
Open Section FamiliesRecipes
Implementation tracks for larger website systems: CMS, SEO, forms, analytics, and commerce modules.
CMS Recipes
Sanity-backed blog, project index, catalog, and resource-library patterns.
Open CMS RecipesCommerce Recipes
Paused approval-gated track for Medusa-first commerce architecture, product UI, checkout, and deployment docs.
Open Commerce RecipesIcons
Broad reusable social, interface, trust, contact, and utility icons with governance notes.
/icon-libraryIcon Library
Find shared icons and avoid polluting the template with one-off client symbols.
Open Icon LibraryAnimations
Motion primitives, wrappers, text reveals, hover states, and reduced-motion-safe interaction patterns.
/animationsAnimation Reference
Use approved wrappers and interaction states instead of page-local motion hacks.
Open Animation ReferenceCustom Cursor Effects
Try five opt-in cursor treatments with fine-pointer, theme, and reduced-motion safeguards.
Open Custom Cursor EffectsGuides
How to turn the template into client sites without breaking reusable primitives or polluting the system.
/ai-build-pocAI Build POC
Open the prompt-built proof that a custom page can use shared primitives, restricted Tailwind, and design tokens without page-specific CSS.
Open AI Build POCAgent Rules
Boundaries for template edits, project work, and reusable section extraction.
Open Agent RulesFramework Philosophy
How to decide what belongs in tokens, primitives, subsections, sections, registry, project code, and agent workflow.
Open Framework PhilosophyCSS/Class/State Grammar
Naming and data-state conventions for new reusable work without mass-refactoring existing sections.
Open CSS/Class/State Grammar