Browse
Pricing
Sell on Stow
Blog

The marketplace for premium UI components and blocks. Build faster with ready to use designs.

Company

About

Product

Pricing
Sell on Stow

Resources

Blog
Creator Documentation

Discover

Explore
All Products
Shadcn
React

© 2026 Stow. All rights reserved.

Terms of Use Privacy Policy

Sage Education Form by Stow | Stow

Sage Education Form

Framework: React UI library: Shadcn Type: Block Subtype: Form Industry: Education More like this

Created by Stow

Open in New Tab

code:

Sage Education Form

A warm, academic-themed enrollment form designed for educational institutions, online learning platforms, and university websites.

Features

Academic palette — Cream (#f4f1ec) background with sage green (#5a7a5a) accents and warm neutral tones
Scholarly typography — Bitter serif for headings, Mulish geometric sans for body and form labels
Complete form — First/last name, email with icon, course selection dropdown, personal statement textarea
Shadcn components — Uses Input, Label, Textarea, Select, Button, Card, Badge, Separator
Decorative elements — Book pattern SVG background, graduation cap illustration, academic seal
Info sidebar — Semester dates, program count, scholarship availability
Gradient top bar — Multi-tone green-to-gold accent strip on the form card
Responsive layout — Stacked on mobile, 2+3 column grid on desktop
Focus states — Custom sage-colored focus rings on all inputs

Dependencies

@/components/ui/badge — Shadcn Badge
@/components/ui/button — Shadcn Button
@/components/ui/card — Shadcn Card, CardContent, CardHeader, CardTitle, CardDescription
@/components/ui/input — Shadcn Input
@/components/ui/label — Shadcn Label
@/components/ui/textarea — Shadcn Textarea
@/components/ui/select — Shadcn Select, SelectContent, SelectItem, SelectTrigger, SelectValue
@/components/ui/separator — Shadcn Separator
@remixicon/react — RiBookOpenLine, RiGraduationCapLine, RiMailLine, RiUserLine, RiSendPlaneLine

Google Fonts — Bitter (serif), Mulish (sans-serif)

Customization

Accent color: Replace #5a7a5a (sage) with your institution's primary color
Courses: Edit the courses array to match your available programs
Form fields: Add or remove fields as needed
Sidebar info: Update semester dates, program count, and other details

More from Stow

Explore other blocks from this seller

Sterling Logistics Stats

Sterling Logistics Stats

Sepia Ecommerce Hero

Sepia Ecommerce Hero

Porcelain Healthcare Form

Porcelain Healthcare Form

Plasma Fitness Dashboard

Plasma Fitness Dashboard

Patina Education FAQ

Patina Education FAQ

Onyx Legal Comparison

Onyx Legal Comparison

Mahogany AI Navigation

Mahogany AI Navigation

Gazette Events Testimonials

Gazette Events Testimonials

Crystal Fintech CTA

Crystal Fintech CTA

Boreal Travel Features

Boreal Travel Features