Bejamas

Want to move faster in @astrodotbuild? ui.bejamas.com gives your team ready-to-use components you can tweak and grow with.

StarkWare builds blockchain solutions that make decentralized systems faster, more secure, and more scalable. For this project, we explored a visual language that combines technical clarity with imagination. Our design direction: - Fluid gradients, soft light transitions, and layered transparencies - Motion-inspired compositions that feel open and forward-looking - Illustration scenes that express security, scalability, and connectivity without rigid diagrams - A style that complements StarkWare’s geometric and isometric visuals while adding more depth Outcomes: - Stronger visual identity across marketing touchpoints - Clearer storytelling around complex blockchain concepts - A reusable illustration approach for consistent future assets Feedback from StarkWare: We looked for a team to step into an existing project and help upgrade it. From the beginning Bejamas stepped up and worked professionally, quickly and collaboratively, making the entire process smooth and seamless. Thanks to the StarkWare team for the trust, and to Justyna Lasota for leading the illustration direction. Case study: bejamas.com/work/illuminat…

Rebolt is a marketing platform for local service businesses. From cleaners and contractors to landscapers and personal trainers, it helps teams generate leads and manage their digital presence with less friction. Our scope in this project was Web Design. Working closely with the Rebolt team, we shaped a clean, modern visual direction focused on clarity and conversion. What we focused on: • Clean, contemporary aesthetic that feels credible and approachable • Clear visual hierarchy across landing and pricing pages • Consistent component styling for a cohesive brand experience • Readable layouts that highlight services and plan differences • Mobile-first visual decisions for busy local business owners Outcome: A polished, intuitive design that communicates Rebolt’s value quickly and helps local pros feel confident taking the next step online. Case study: bejamas.com/work/rebolt

Great products need documentation that moves at the same speed as the product itself. For O1 Labs, we redesigned O1JS documentation to make the developer journey faster, clearer, and easier to trust. O1JS content previously lived inside the broader Mina documentation, which created confusion around context, ownership, and where to start. What changed: - Dedicated O1JS documentation space with a clear identity - Reworked information architecture and clearer naming - Navigation built for both onboarding and deep technical browsing - Search results redesigned to add context and reduce repetitive dead ends - Visual system improved for readability across long technical pages - Reusable templates for diagrams and graphics to speed up future updates Why this matters: - Faster onboarding for new developers - Less friction during everyday implementation work - Easier maintenance for internal teams - Stronger long-term adoption of the library Documentation is part of product experience, not an afterthought. Your product is solid. Your docs should be too. bejamas.com/work/o1js

Another great collaboration with @descopeinc! This time, for their MCP Hackathon. Built on @contentful, the setup is easy to reuse and update, so future hackathons won’t start from scratch. More in the full case study: bejamas.com/work/descope-m…

bejamas.com/webflow now includes 40+ ready-to-use components. Need more power in Astro? ui.bejamas.com uses the same core component system, so your team can move from no-code to code without rebuilding everything. Start in Webflow, scale in Astro. Faster launches, cleaner handoff, and consistent UI across both workflows.

We helped @Rippling move off WordPress, scale a new design system, and supercharge their global content—without slowing marketing down. Huge thanks to the Rippling team for trusting us 🙏 Check out the case study: bejamas.com/work/rippling

Forms in Astro don’t need a framework. We combined Astro Actions with bejamas/ui field primitives to document two patterns: • Native POST + SSR errors (zero JS) • Client-side Actions when UX requires it Plain HTML. Progressive enhancement. ui.bejamas.com/docs/forms-ast… @astrodotbuild

From scalable design systems to CRO optimization — what a ride. We went from "does this scale?" to "does this convert?" Same rigor, different lever. Now we help teams get both: design that holds up and experiences that turn visitors into customers. One foundation. Better outcomes. rudderstack.com

You can try them in your new project built with @astrodotbuild. ui.bejamas.com

Since launching our #Astro UI library, we’ve been on a component spree 🚀 New goodies in action 👇

Wonderful collaboration spotlight: Nominal. We’ve been working with the Nominal team across the full design spectrum — from custom illustration to marketing design. One partnership, one vision, a lot of pixels. What we did together: - Illustration that gives their product and site a distinct, ownable look - Marketing design that stays on-brand and converts It’s the kind of long-term partnership we love: same team, same quality bar, from first sketch to final asset. Big thanks to the Nominal team and to @Bryce Strauss for the trust. And to Justyna Lasota and everyone on our side who made it happen. If you’re curious how it looks in the wild, take a look: nominal.io

We just launched a free @webflow layout & section library. Built from stuff we actually use on client projects. Try it and let us know what you think. 👉️ bejamas.com/webflow

We're building something new: a free library of layouts and sections so you don't have to start from scratch on your next Webflow project. The honest reason? We kept struggling to find nice-looking templates. Most of what's out there looks outdated or just bad. So we're curating our own—styles and sections we'd actually use for real client work. What we're building: - A growing collection of beautiful, ready-to-use layouts and sections - A webapp (coming soon) where you can browse, preview, and grab what you need - No more hunting. No more settling for "good enough." We've already uploaded a preview video. It's not live yet, but it's coming. #Webflow #NoCode #WebDesign #DesignSystems

LLMs don’t read websites like search engines. What that means for visibility — and what to do about it 👇 bejamas.com/blog/ai-visibi…

@data The full story, including why this matters for Astro component libraries and how it changes the maintenance game: dev.to/thomkrupa/i-bu… #WebDev #Astro #A11y #ComponentLibraries

Our CTO Thom Krupa wrote about how we solved this at Bejamas by building `@data-slot/*`—treating `data-slot` attributes as a parts contract that lets vanilla JS wire interactions without needing a framework. **The approach:** - Copy and own: markup structure and styling stay in your project - Depend on behavior: interaction code, focus management, keyboard UX, ARIA logic - One fix → one package update → all projects benefit

When "copy and own" breaks down: what happens when you fix an accessibility bug in a component library? Projects using those components don't automatically get the fix. They have to manually re-copy the updated code. And accessibility bugs are exactly the kind of thing you want to fix once and propagate everywhere. Our CTO Thom Krupa wrote about how we solved this at Bejamas by building `@data-slot/*`—treating `data-slot` attributes as a parts contract that lets vanilla JS wire interactions without needing a framework. **The approach:** - Copy and own: markup structure and styling stay in your project - Depend on behavior: interaction code, focus management, keyboard UX, ARIA logic - One fix → one package update → all projects benefit The full story, including why this matters for Astro component libraries and how it changes the maintenance game: dev.to/thomkrupa/i-bu… #WebDev #Astro #A11y #ComponentLibraries

We created the website for the Global MCP Hackathon back in September — a platform bringing together developers, tech leaders, and innovators to build secure, purposeful AI agents and MCP servers. What makes this one special? While it's built on @Descope's base styleguide, we took it in a completely different visual direction: - Bold, vibrant color palette that stands out from typical tech event sites - Smooth animations and micro-interactions that bring the experience to life - Custom graphics and illustrations that capture the energy of a hackathon - Clean, modern design that balances information density with visual clarity The site supports three challenge tracks (beginner to expert) and features an impressive lineup of judges from companies like Vercel, Cursor, Indeed, and PayPal. Even though the hackathon has passed, the site is still worth checking out for the design work. Check it out: globalmcphackathon.com At @Bejamas, we believe great design isn't just about aesthetics — it's about creating experiences that help events, products, and platforms achieve their goals. This one hits all the marks. #WebDesign #Hackathon #MCP #AI #TechEvents

🚀 Introducing @data-slot/* — A New Approach to Component Behavior We’ve just released something we’ve been building (and testing) for quite a while: @data-slot/*. 💡 Why we built it While working on bejamas/ui, we kept running into the same problem. Every bug fix or accessibility improvement had to be manually copied across multiple projects. The “copy & own” approach works great for styling. For behavior, it quickly turns into a maintenance nightmare. 🧩 What it is @data-slot/* is a set of tiny, vanilla JS primitives that enhance static HTML. Think of it as a behavior layer that sits between your markup and your styling. No frameworks. No lock-in. Just predictable, reusable behavior. 🔁 The core idea ✍️ You copy & own markup and styling — full control ♻️ You depend on the behavior layer — automatic updates One fix → one package update → all projects benefit. 🧑🚀 Built with Astro in mind, but the pattern works anywhere. 👉 Check it out: data-slot.com #webdev #javascript #astro #designsystems #opensource