
Alex Barashkov
@alex_barashkov • 30,580 subscribers
Brand and design for tech companies - https://t.co/UX0nwuKWXz | Creator of https://t.co/tsD7zYVvAu, https://t.co/E4p94b7Nwq.
Shorts
Videos

Introducing Aval - a new open source format for interactive video on the web. It has a built-in state machine, frame accurate transitions, and packed alpha transparency. This is probably the craziest thing I’ve ever built with Codex. I’d been dreaming about this technology for years. Before AI, building it would have taken months of work. I could never justify that investment for a noncommercial open source project. Then, a little over a year ago, Airbnb created Lava for almost exactly the same purpose. That gave me hope. But Lava was never released as open source. So I decided to build my own, with AI. Aval comes with a compiler and a web renderer. Together, they give you: • a deterministic state graph - named states, authored triggers, and routing where the latest trigger wins. • frame accurate routes with transitions that begin on authored content frames using portals, finishes, cuts, and reversals. • small file size and low CPU overhead, perfect for small icons designed and animated in Blender. • seekless loops so the decoder timeline keeps moving forward across loop seams instead of seeking. • packed alpha transparency. transparent prerendered motion composited with WebGL2. • a web native runtime: decoding with WebCodecs and rendering with WebGL2. • progressive fallback: Host-owned fallback markup remains available for unsupported and reduced motion contexts. Now it exists, it’s open source, and it’s available today as a technical preview. I’ll be polishing it further over the next few days.
Alex Barashkov276,041 views • 1 month ago

Forget trying to design everything in Figma. You can build your own design tools with AI. Introducing Toolcraft - a starter kit and UI library for building beautiful creative apps. It's free and available for you today. npx @pixel-point/toolcraft create Use it to build apps to stylize images, create WebGL shaders, Three.js scenes, animations, photo editing tools, or whatever else needs a canvas and controls. Toolcraft gives you the full architecture in a single solution. It comes with: - plenty of UI components: sliders, pickers, timelines, curves, and more - built-in canvas, export, and toolbar setup - AI instructions to help the agent deliver a great result to you With Toolcraft, you don’t need an extensive prompt. Just explain what type of visuals you want to build, attach references, and wait. It’s been a game changer for our design process. Watch the full video on our YouTube channel with all the details and examples.
Alex Barashkov275,344 views • 2 months ago

No Three.js. No fake web-based depth-of-field or focal-length emulation. Customize in web, render in Blender. While everyone is vibe-coding apps for flat pattern generators, or at most Three.js-based 3D scenes, we’re already one step ahead. We built an app that lets you use a web UI to control an actual Blender 3D render. Eevee engine is used for streaming quick previews back into the app, while Cycles renders the final image for better material quality and lighting. So simple to use that you can even give it to your client. Of course, built with Toolcraft.
Alex Barashkov76,260 views • 1 month ago

Introducing primeui. Build sites fast. Fear no code. Available today • 200+ handcrafted marketing UI components and templates • Sitemap planner • Prototype + experiment on an infinite canvas • Clean export to Next.js, Tailwind + shadcn/ui compatible • Not just landing pages: build Blog, Docs, Pricing, and more Coming soon • MCP • Skills • AI Designer We started Prime UI because we believe site builders that do not output real code end up slowing you down. So instead of building another “app builder,” we focused on marketing sites, the work we know best after 10+ years of designing and building high-end websites at Pixel Point. Human expertise combined with AI scalability is what we believe in. Prime UI isn’t here (yet) to fully replace your stack, but it is already capable of saving you hundreds of hours in prototyping and the early phases of your next site project. What’s next: MCP: continuously add new pages to your site from Prime UI, aligned with your project setup and style. Skills: an AI-agent-friendly concentrate of our years of website design and development expertise. It is time to ditch old habits. Fear no code and build sites fast, ready for the AI era.
Alex Barashkov72,313 views • 6 months ago

To achieve the best results, you need to learn from the best. However, because we live in a Twitter bubble, many great studios don’t even have a presence here. A few years ago, we had a weekly Motion digest showcasing some work from the best of the best. At that time, we had 0 audience. Let's see if these stories can be interesting for someone now. I am so happy to introduce you to Not Real - a design-driven creative studio focused on art direction, CGI, and animation, located in Buenos Aires and Madrid. A team led by award-winning creative directors Milton Gonzalez and Valeria Moreiro. Their crew of designers and animators is obsessed with pushing boundaries, earning nods like the Indigo Awards and MUSE Creative Awards.
Alex Barashkov140,658 views • 1 year ago

It cost me $15 on the Epic Games Store and a few million AI tokens to build this web-native grass simulation. Demo in the comments. Epic Games owns Quixel, a collection of high-quality Megascans. You can use them in Three.js, which is exactly what we did in this demo. The butterflies, flowers, and surfaces all come from Megascans. The long grass and wind simulation were converted from Blender Geometry Nodes simulations, which is why it feels so good. Then add an HDRI, set up the lighting, and boom—you have highly realistic grass rendered fully on the web. While it’s something built with AI, a non-designer without a certain set of skills would never be able to do this. You still need the knowledge, terminology, and understanding required to glue all these technologies together.
Alex Barashkov16,448 views • 1 month ago

700 hours of teamwork won't be shipped due to a massive change in the messaging at the late stage of the project. However, we agreed with the Harness team that people should still see this beauty we designed, and hopefully, the new version will be even better. Link below👇
Alex Barashkov156,724 views • 2 years ago

Announcing the Style Guide in primeui. Customize your project theme with a shadcn-compatible token system. Preview it live with as many variants as you need on the canvas. Export clean, production-ready Next.js code in minutes. Prime UI gives you a strong foundation for your website, whether you build it yourself or with AI. It includes 200+ UI components, all crafted by humans with pixel-perfect quality, a solid design system, and clean code. Plan your site with the Sitemap tool. Explore content, layout ideas, and storytelling in Prototype. Shape the look and feel in Style Guide, then export everything to Next.js. You get more than just landing pages. You get a consistent foundation for your entire site, including Blog, Docs, Pricing, and more, without having to worry about architecture, content blocks, SEO, or performance. Available today.
Alex Barashkov32,330 views • 5 months ago