The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Just launched Shard š
Shard is an enterprise-grade SaaS Framer template designed for AI platforms, developer infrastructure, and high-growth technology startups. Engineered to move beyond standard static templates, Shard introduces real-time WebGL 3D meshes with interactive cursor physics directly inside Framer.
Scope & Deliverables:
- 18 Production Web Pages (Desktop, Tablet, Mobile responsive)
- 7 Dynamic CMS Collections (Docs, Features, Blogs, Changelogs, Careers)
- Real-time 3D Model Upload (.GLB) & Wireframe Shader Integration
- Tokenized Design System & Typography Hierarchy
- Comprehensive Buyer Documentation System
Client Results & Customization
Need a bespoke Framer website built with the same level of 3D interactivity and custom CMS architecture?
š I offer custom Framer design and implementation services starting from Shard or built from scratch. Inquire directly on Contra to discuss your project!
the WebGL mesh thing is a nice touch
Thank you Salah! š
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Umami Color & Finishing is an established color-grading studio in LA. Its work and reputation had outgrown its old site, and the studio was ready for one at the level of its work.
I designed and built it around the work itself: every project filterable by type and colorist, and every view with its own link, so the team can send a lead exactly what fits.
Case study
Live site: umamicolor.com
this is amazing work
a before and after slider is about as standard as components get.
on the adara project pages we added a night view to the after. same slider, and somehow it feels a bit magical now.
This is really good
Smart Glasses Landing Page
"See beyond perception." Three words on the phone, and the whole page had to earn them.
On desktop, the headline starts over the edge of a tall portrait of the glasses being worn, so the product name and the product in use read as one image. Next to it, reaction, light and depth sit as three thin gauge lines, each with a one-word reading. Specs, without a spec table.
On mobile, a 3D render of the frame sits between the headline and a single Explore the Series button. One image, one next step.
The palette stays in deep navy and soft gray, so the cool light on the frame stands out on every screen.
Designed by the Hue & Machine team.
#WebDesign #LandingPage #ProductDesign #WearableTech #DarkUI #UIDesign #TechProduct #ResponsiveDesign #UXDesign #FigmaDesign
ā¢ Nov 3
Good work
