Mariana Beldi
Summary
👤
SeniorMariana Beldi is a multidisciplinary designer and self-taught front-end developer with nearly two decades of experience crafting visual identities, illustrations, animations, and accessible digital products from Buenos Aires. She blends formal training in graphic design and branding with hands-on UI/UX and frontend work, specializing in SVG-driven tools and animations—authoring free utilities under HolaSVG used by designers and developers. As a contributor to projects like the Layoutit CSS Grid generator and a frequent technical author for CSS-Tricks, Smashing Magazine and UX Collective, she bridges practical code with thoughtful visual storytelling. Her career spans leadership roles in product design and branding, where she shipped interfaces, SVG systems, and component-driven frontends. Curious and pedagogical, she teaches SVG workshops and writes to demystify vector web graphics for broader audiences. Mariana’s uncommon combination of branding depth and SVG code fluency makes her adept at turning brand concepts into interactive, production-ready experiences.
8 years of coding experience
Github Skills (8)
css10
scs10
front-end-development10
vue10
sc10
vue-jsx10
ui-design9
generator7
Programming languages (2)
Github contributions (5)
layoutit/layoutit-grid
Oct 2020 - Oct 2020
Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.
Role in this project:
Front-end Developer
Front-end DeveloperContributions:7 commits in 1 day
Contributions summary:Mariana primarily worked on front-end development tasks within the CSS Grid layout generator. Their contributions focused on modifying UI components, adjusting styles, and refining the user interface. Specifically, they updated the appearance and layout of sidebar elements, improved the display of grid lines, and modified text and links within the UI for improved user experience. The commits demonstrate an understanding of Vue.js and SCSS for front-end implementation.
csscss-gridgeneratorvuevite
mariana-beldi-lenio/leni-o-matic
Oct 2020 - Nov 2020
Build your own lenis!
Contributions:4 PRs, 25 pushes, 1 branch in 1 month
build-your-ownlenisbitcoin
Find and Hire Top DevelopersWe’ve analyzed the programming source code of over 60 million software developers on GitHub and scored them by 50,000 skills. Sign-up on Prog,AI to search for software developers.