YOUR PROJECT. YOUR SOURCE.React + TypeScriptFree sourceMIT licensed
Made to be yours FROM THE COLLECTION
Featured components
THE PROJECT WORKSPACE
Put your next
project in motion.
Plans, proposals, and research. One place to move work forward.
Relay/Website launchSample workspace
Northstar / Brand & digital01 / 03
Overview↗
A clear path
to launch.
An eight-week website plan. Three phases, one shared direction.
01WEEKS 01–02
Discover
Audience, positioning & content
02WEEKS 03–05
Design
Structure, identity & interface
03WEEKS 06–08
Deliver
Build, review & launch
Website launch
Milestones↗
The dates that
move us forward.
Each phase ends with a review before the next begins.
0112 NOV
Direction approved
Research and sitemap reviewed
0203 DEC
Design signed off
Core screens and content ready
0322 DEC
Website goes live
Accessibility and launch checks
Website launch
Deliverables↗
Ready for the
next chapter.
A practical handoff for the team that runs the website.
0101
Design system
Tokens, patterns and component states
0202
Website
Responsive templates and edited content
0303
Team guide
Publishing notes and maintenance checklist
Website launch
Aster / Partnership proposal01 / 03
Approach↗
A closer working
relationship.
A focused design partnership for a growing product team.
0101
One shared brief
Align the problem, audience and success criteria
0202
Weekly design reviews
Review progress with the people building it
0303
A usable handoff
Deliver complete flows and component states
Aster studio partnership
Scope↗
A focused scope.
Room to iterate.
The first engagement covers the product onboarding journey.
01WEEK 01
Map the journey
Audit the current sign-up and activation flow
02WEEKS 02–03
Design the experience
Prototype and review the core screens
03WEEK 04
Prepare the release
Document edge cases with engineering
Aster studio partnership
Engagement↗
Clear terms,
from the start.
A four-week engagement with a single point of contact.
0104 WEEKS
Duration
Four weeks, starting 09 November
02$8,000
Project fee
50% to start; 50% on final delivery
032 / WEEK
Review cadence
Tuesday and Thursday, with async notes
Aster studio partnership
Customer experience / Research brief01 / 03
Findings↗
The first five
minutes matter.
What six interviews revealed about getting started.
015 OF 6
Start with a real task
People wanted to try their own work before setup.
024 OF 6
Make the next step clear
The empty workspace offered too many choices.
033 OF 6
Explain team permissions
Inviting colleagues raised access questions.
Onboarding research
Method↗
Listen first.
Then look closer.
A small qualitative study of the first-use experience.
01WHO
Six participants
New workspace owners at small product teams
02HOW
Guided walkthroughs
Thirty-minute sessions with the current product
03SCOPE
Directional findings
Qualitative themes, rather than population estimates
Onboarding research
Next steps↗
Turn a finding
into a decision.
Three changes to prototype and test in the next round.
01PRIORITY 01
Introduce a starter task
Help a new user create their first real document
02PRIORITY 02
Simplify the empty state
Offer one primary action with optional examples
03PRIORITY 03
Clarify invite access
Show roles before an invitation is sent
Onboarding research
Project plan: Overview
Editor Canvas HeroA split SaaS hero with a document workspace, selectable examples, and a working section outline.
Heroes↳ FROM NOTES TO NEXT STEPSMeeting notes.
Next steps, sorted.
Turn meeting notes into decisions and assigned tasks, with the context attached.
01 Notes→02 Decisions→03 Tasks
Your meeting workspaceLOCAL PREVIEW SOURCE NOTES01
Product review
Design + Engineering · Tuesday, 10:00
- 01
LeahKeep the launch to one workspace. Multi-workspace can wait until the next release.
- 02
OmarThe invite flow needs a clearer empty state. I’ll have a prototype ready on Thursday.
- 03
LeahUse email invitations for launch. We can add shareable invite links later.
- 04
MinaI’ll test the invitation prototype with five customers on Friday.
ACTION PLAN02
Launch one workspace with email invitations. Validate the new invite flow before release.
Decisions 2
Assigned tasks 2
Every task links to its source.
Notes Workflow HeroA meeting-notes hero with linked source notes, decisions, editable task owners, and a working copy action.
HeroesPayment analytics
Know where revenue comes from.
Track collected payments, compare channels, and follow every number back to a transaction.
Revenue workspace↙
Ledger / OverviewProduct preview Reporting
Revenue overview
Collected revenue$27,200
Payments22
Average payment$1,236.36
Daily collections
Sep 28 – Oct 27, 2026$3K$1.5K$0
Sep 28Oct 12Oct 27
Daily collected revenue: Sep 28 – Oct 27, 2026, all channels| Date | Revenue (USD) |
|---|
| 2026-09-28 | $0.00 |
|---|
| 2026-09-29 | $0.00 |
|---|
| 2026-09-30 | $0.00 |
|---|
| 2026-10-01 | $680.00 |
|---|
| 2026-10-02 | $0.00 |
|---|
| 2026-10-03 | $1,240.00 |
|---|
| 2026-10-04 | $0.00 |
|---|
| 2026-10-05 | $420.00 |
|---|
| 2026-10-06 | $0.00 |
|---|
| 2026-10-07 | $1,860.00 |
|---|
| 2026-10-08 | $320.00 |
|---|
| 2026-10-09 | $960.00 |
|---|
| 2026-10-10 | $0.00 |
|---|
| 2026-10-11 | $1,580.00 |
|---|
| 2026-10-12 | $740.00 |
|---|
| 2026-10-13 | $0.00 |
|---|
| 2026-10-14 | $420.00 |
|---|
| 2026-10-15 | $2,190.00 |
|---|
| 2026-10-16 | $1,150.00 |
|---|
| 2026-10-17 | $0.00 |
|---|
| 2026-10-18 | $880.00 |
|---|
| 2026-10-19 | $1,740.00 |
|---|
| 2026-10-20 | $960.00 |
|---|
| 2026-10-21 | $1,450.00 |
|---|
| 2026-10-22 | $680.00 |
|---|
| 2026-10-23 | $2,480.00 |
|---|
| 2026-10-24 | $560.00 |
|---|
| 2026-10-25 | $1,240.00 |
|---|
| 2026-10-26 | $2,950.00 |
|---|
| 2026-10-27 | $2,700.00 |
|---|
Transactions
22 paymentsFictional product and sample transactions.
Revenue Dashboard HeroA SaaS hero with date and channel filters that update revenue, chart and transactions together.
HeroesDESIGNED TO FEEL DIFFERENTSound.
In its purest form.
One considered object. A quieter presence. Made for the spaces where life happens.
FORM. FUNCTION. NOTHING EXTRA.↘ 01
IN THE DETAILS ↗Explore the + points for a closer look at the design.
Product Spotlight HeroAn image-led product configurator. Change the finish, inspect another view, and compare models with a live price and dimensions.
HeroesArrow Capsule ButtonA clear call to action with a circular arrow that slides into its next direction.
ButtonsRolling Text ButtonA typographic button whose letters roll into place, one small detail at a time.
ButtonsLESS FRICTION. MORE CREATION.From a little spark
to your next thing.
A component is a starting point.
What happens next is entirely up to you.
The getting-started guide 01Find your ingredient.
Explore the collection. Try the interactions. Find something that feels right for your project.
02Take the source.
Add with the shadcn CLI or copy the files. The component lives in your project, ready to edit.
03Make it unmistakably yours.
Change the colors, tune the motion, break a few rules. Every line is yours to shape.
a✳
MADE WITH CARE. SHARED WITH EVERYONE.
The source.
All yours.
Beautiful components should be a head start for everyone. Anticraft UI is free and MIT licensed, for your side project and your next big launch.
Explore the source YOUR NEXT GREAT IDEA STARTS SOMEWHERE.
Make something
worth feeling.
The details make the difference.
Let’s give yours a little character.
Find your first component Free to use. Free to change. Free to make your own.