Simon Vrachliotis
Instructor & WebDev Entertainer at simonswiss
New South Wales, Australia
Summary
🤩
Rockstar🎓
Top SchoolSimon Vrachliotis is a hybrid designer-developer and instructor with 11 years crafting fast, elegant front-end experiences and teaching others to do the same. Based in New South Wales, he blends UI-focused engineering work—contributing to notable projects like KeystoneJS and the JSX page builder Blocks—with prolific screencast and course creation at Laracasts, egghead.io, and his Pro Tailwind training. His strengths include pixel-perfect UI polish, Tailwind CSS expertise, animations and responsive design, plus a practical obsession with page performance from his lead roles at SocietyOne and other consultancies. A natural communicator and entertainer, he turns technical topics into engaging learning experiences while continuing hands-on freelance work and open-source contributions. Outside work he’s a proud father and avid surfer, basketball and ukulele player—traits that feed his optimistic, creative teaching style.
11 years of coding experience
2 years of employment as a software developer
Master of Arts, Sports & Physical Education Sciences, Master of Arts, Sports & Physical Education Sciences at University of Lausanne - UNILCertificate, Audio Engineering - Production Assistant, Certificate, Audio Engineering - Production Assistant at School of Audio Engineering (SAE)
English, French, German, Greek
Stackoverflow
36reputation
1kreached
3answers
0questions
Github Skills (30)
javascript10
react-components10
remix-run10
animation10
css10
ui-design10
react-component10
uid10
remix10
front-end-development10
tailwindcss10
react10
jsx10
cms9
theme-ui9
Programming languages (11)
Github contributions (5)
keystonejs/keystone
Mar 2019 - Oct 2019
The superpowered headless CMS for Node.js — built with GraphQL and React
Role in this project:
Front-end Developer
Front-end DeveloperContributions:4 reviews, 42 commits, 41 PRs in 7 months
Contributions summary:Simon primarily contributed to the front-end of the KeystoneJS project, focusing on UI improvements and component updates. They added a trailing slash to a navigation link to apply the active state in the sidebar. The user also added contextual intro text to a demo app. Furthermore, the user made changes to the demo project, including re-cropping images and changing templates.
cmscms-frameworkreactnode-jsnodejs
blocks/blocks
Dec 2019 - Dec 2019
A JSX-based page builder for creating beautiful websites without writing code
Role in this project:Front-end Developer
Front-end DeveloperContributions:21 commits, 6 PRs, 2 branches in 15 days
Contributions summary:Simon primarily focused on improving the user interface of the Blocks UI page builder. Their commits involve refactoring the side panel and editor panel, including improvements to layout, styling, and the addition of margin for UI elements. They also addressed visual inconsistencies, such as fixing a 1px jump in the tab layout and modifying border styles. These changes suggest a focus on enhancing the user experience through careful attention to visual details.
reactlowcodevisual-editorwysiwygjavascript
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.