Ivo Gregurec, Developer in Varaždin, Croatia
Ivo is available for hire
Hire Ivo

Ivo Gregurec

Software Developer

Varaždin, Croatia

Toptal member since March 11, 2014

Bio

Ivo is a seasoned front-end developer with 15+ years of experience. He has worked on many projects where he gained experience in HTML, CSS, JavaScript, Sass, React, Angular, PHP, and Python. He has a proven track record of delivering high-quality results and excelling in remote work environments. Ivo holds a bachelor's degree in informatics and a master's degree in graphic design, blending technical and creative skills for exceptional results.

Portfolio

We are Crew Pty Ltd
Figma to HTML, HTML, Figma, Front-end Development, User Interface (UI), SVG...
Neon Coat, LLC
HTML, React, Bootstrap, PHP, Laravel, CSS, JavaScript, Gatsby, Full-stack...
The Perky People Company Limited
.NET, CSS, SCSS, JavaScript, Figma to HTML

Experience

  • JavaScript - 20 years
  • HTML - 15 years
  • Adobe Photoshop - 10 years
  • Sass - 8 years
  • CSS3 - 7 years
  • jQuery - 5 years
  • Sketch 3 - 4 years
  • SCSS - 4 years

Preferred Environment

HTML, JavaScript, CSS, MacOS

The most amazing...

...work I've done is in security software for the nuclear industry—including complex interfaces, icon designs for abstract actions, and responsive layouts.

Work Experience

Front-end and UI Developer

2025 - 2025
We are Crew Pty Ltd
  • Built a web page for an Australian government real estate project.
  • Simplified the entry process by creating HTML templates connected with the Vite framework, which included loading partials inside partials.
  • Expanded the design into a fully responsive web with seven breakpoints to cover all cases.
Technologies: Figma to HTML, HTML, Figma, Front-end Development, User Interface (UI), SVG, CSS Animations, UI Animation, Web Animation

Full-stack Web Developer

2025 - 2025
Neon Coat, LLC
  • Built a new interface based on new features designed in Sketch.
  • Expanded the base CSS files with new graphic tokens defined in Zeplin.
  • Developed reusable components in Rect and styled-components.
Technologies: HTML, React, Bootstrap, PHP, Laravel, CSS, JavaScript, Gatsby, Full-stack, Styled-components, Figma to HTML

Front-end Developer

2025 - 2025
The Perky People Company Limited
  • Developed fully responsive interfaces for a custom online store developed in .NET.
  • Redesigned the layouts based on rough guidelines provided by the client.
  • Split the styling into a general theme, which relies on Bootstrap 5, and a custom theme, which reflects the brand.
  • Created a white-label interface that can be customizable to match the appearance of various brands.
  • Designed two custom themes for two of their customers.
Technologies: .NET, CSS, SCSS, JavaScript, Figma to HTML

UI Developer

2024 - 2025
Global Hospitality Platform B.V.
  • Redesigned and built fully responsive interfaces for event browsing, joining, tracking, notifications, chat, and QR code functionalities.
  • Developed code structures largely utilizing Bootstrap 5 classes with minimal custom classes, enabling easy theme customization.
  • Reduced CSS code from over 3,000 lines to approximately 300 lines of SCSS per theme.
  • Created a customizable white-label interface to align with different brands' appearances.
Technologies: CSS, SCSS, Bootstrap, HTML, Task Orders, Figma to HTML

Front-end Developer

2024 - 2024
Pindrop
  • Developed an SVG-based interactive animation triggered by live audio from the microphone.
  • Developed a loop-based animation that reads motion from a JSON file.
  • Processed audio files to enhance certain areas in the spectrogram.
  • Wrote Python scripts to transcribe audio into JSON files to trigger the motion of SVG objects.
Technologies: CSS, JavaScript, WebGL, Front-end, HTML5, CSS3, CSS5, CSS Animations, CSS3 Animation, UI Animation, Audio, Web Audio, Figma to HTML

React Developer

2024 - 2024
Iverson Enterprises, LLC
  • Created a layout based on Figma mockups and split it into TypeScript/React components.
  • Created motion design and developed animated content triggered on scroll.
  • Implemented Google Analytics and HubSpot and deployed it to Vercel.
Technologies: React, HTML, JavaScript, CSS, Node.js, UI Design, UX Design, Bootstrap 5, react-spring, SCSS, HubSpot, Motion Graphics, scrolling motion, Figma to HTML

Front-end React Developer

2024 - 2024
Chatty Polly AG
  • Created a custom styling based on Bootstrap 5 for a very playful design with many slanted, rotated, and off-grid elements.
  • Separated the website into a set of reusable React components.
  • Created a series of animations by using the react-spring library. Some were triggered on load, some on scroll, and some just looped.
Technologies: React, TypeScript, Redux, JavaScript, CSS, Figma, HTML5, SCSS, react-spring, UI Animation, Animation, Interactive UI, Web Architecture, Motion Graphics, scrolling motion

WordPress Developer

2023 - 2023
Gentext Group Inc.
  • Redesigned an existing website by cloning WordPress and rearranging the old theme in PHP and CSS.
  • Created unique illustrations for the website using Affinity Designer.
  • Redesigned the user workflow and interface of the MS Word add-in, which increased the new users' use time by 200%. (UI/UX redesign of the main product).
  • Edited and demo video for the product with AI-generated narration and corporate background music, which can play in a seamless loop.
Technologies: WordPress, Web Design, SaaS, Video Editing, Forms, UI Design, UX Design, CSS3, PHP, CSS3 Animation, HTML5 Animations, CSS Animations, Elementor, Artificial Intelligence (AI), Landing Page Design, Landing Pages, Search Engine Optimization (SEO), Front-end Development, Vanilla JS, Microsoft Word, Microsoft Word Add-on Development, OpenAI, Web Architecture, Motion Graphics, Videos

UI Developer

2023 - 2023
Moonlight Tech LLC
  • Developed an animation-based landing page for the hostel browsing application using Gatsby and React-Spring.
  • Set the breakpoints for full responsiveness based on a full HD-sized desktop mockup and mobile-sized mockup.
  • Designed micro-interactions and optimized animations by forcing render of needy elements on the GPU.
  • Created a Kanban board on Trello to manage subtasks and improve communication with the client and the designer.
Technologies: HTML, CSS, JavaScript, React, Babel, Webpack, Gatsby, Bootstrap, Single-page Applications (SPAs), B2B, Redesign, Design Systems, Web Animation, GSAP, CSS3 Animation, HTML5 Animations, CSS Animations, Landing Page Design, Landing Pages, Search Engine Optimization (SEO), Front-end Development, Vanilla JS, Web Architecture

UX/UI Developer

2023 - 2023
Andreas Lengauer
  • Customized Bootstrap 5 to fit the visual identity of the project including adjusting colors, fonts, and spacing.
  • Developed a responsive interface for the application using the mobile-first methodology.
  • Adjusted existing elements to match the visual identity and improve consistency.
Technologies: HTML, CSS, CSS3, HTML5, React, Bootstrap 5, Mobile First, Front-end, UX Design, UI Design, Responsive Web Design (RWD), Webpack, Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Iframes, JSON, Bootstrap, B2B, Redesign, Design Systems, CSS Animations, Responsive UX Design, Front-end Development, Web Architecture

UX/UI Developer

2018 - 2022
Piazza Technologies
  • Created coding-responsive web app interfaces in HTML and CSS based on a single-size mockup using Bootstrap.
  • Coded reusable classes and created a design system based on mockups.
  • Converted static web interfaces into an Angular-based web app.
  • Rewrote old non-responsive, jQuery-based web interfaces into modern responsive layouts using React and Bootstrap.
  • Created mockups in Figma and built enhanced React and Bootstrap components based on the design system.
  • Trained new developers and UX designers while managing certain parts of the project.
Technologies: Front-end, HTML, CSS, JavaScript, Angular, React, Figma, SCSS, Accessibility, User Experience (UX), User Interface (UI), Web UI, Web UX, UI Development, Mobile First, UX Design, UI Design, Responsive Web Design (RWD), Next.js, Webpack, Deployment, Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Iframes, JSON, AngularJS, Bootstrap, B2B, Redesign, Atomic Design, Design Systems, Web Animation, CSS3 Animation, HTML5 Animations, CSS Animations, Learning Management Systems (LMS), Education Technology (Edtech), Edtech Design, Learning Tools Interoperability (LTI), E-learning, Canvas, Canvas LMS, Moodle, Responsive UX Design, Search Engine Optimization (SEO), Front-end Development, Vanilla JS, Web Architecture, Motion Graphics

SVG Animations Expert

2018 - 2018
Kyba, Inc. (via Toptal)
  • Animated the predesigned characters and created a web safe output.
  • Sliced characters into smaller units—recreating some parts.
  • Designed short loops which brought the characters to life i.e. giving them a soul.
  • Incorporated the animations on the web by using Used Bodymovin and Flash2Svg.
  • Built a front-end environment for the animations.
Technologies: HTML, CSS, JavaScript, SVG, Tailwind CSS, Chart.js, Web UX, UI Animation, Front-end, Animation, Web Design, Web Development, Web Dashboards, Single-page Applications (SPAs), B2B, Web Animation, CSS3 Animation, HTML5 Animations, CSS Animations, Lottie, Landing Page Design, Landing Pages, Front-end Development, Vanilla JS, Web Architecture, Motion Graphics, scrolling motion, Rive

Front-end Developer

2017 - 2017
Vert Solar Finance
  • Planned the UX layout and designed wireframes.
  • Sliced PSDs into HTML and CSS.
  • Created reusable Sass mixins and organized the code into partials.
  • Developed charts with D3.js.
  • Customized a Bootstrap grid system for maximal real estate usage of the control panels on mobile devices.
Technologies: jQuery, JavaScript, SCSS, CSS, HTML, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, User Experience (UX), User Interface (UI), Responsive Layout, Figma, Tailwind CSS, PostCSS, D3.js, Web UI, Web UX, UI Development, Mobile First, UX Design, UI Design, Responsive Web Design (RWD), Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Iframes, JSON, Ajax, Bootstrap, B2B, Redesign, Atomic Design, Design Systems, Material Design, CSS3 Animation, HTML5 Animations, CSS Animations, Responsive UX Design, Front-end Development, Vanilla JS, Web Architecture, Videos

Web Designer | Front-end Developer

2016 - 2016
Dorset Coastal Cottages
  • Planned and designed wireframes.
  • Designed pixel-perfect mockups based on wireframes.
  • Coded responsive static pages based on mockups.
  • Developed WordPress themes based on static pages.
Technologies: PHP, jQuery, SCSS, CSS, HTML, Sketch, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, User Experience (UX), User Interface (UI), Responsive Layout, Web UI, Web UX, UI Development, Mobile First, Front-end, UX Design, UI Design, Responsive Web Design (RWD), Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Bootstrap, Redesign, Atomic Design, Design Systems, CSS3 Animation, HTML5 Animations, CSS Animations, Elementor, Responsive UX Design, Landing Page Design, Landing Pages, Search Engine Optimization (SEO), Front-end Development, Vanilla JS, Web Architecture, Videos, scrolling motion

Front-end Developer

2016 - 2016
Yesware
  • Converted Sketch files into HTML and CSS pages using Bootstrap.
  • Expanded a desktop version design into fully responsive web pages.
  • Designed and created micro-interactions.
  • Expanded the static pages into Handlebar templates.
  • Created SVG animations.
Technologies: Sketch, Git, Handlebars, Bootstrap, jQuery, Node.js, JavaScript, CSS, HTML, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, Responsive Layout, Web UI, Web UX, Pixel Perfect, UI Development, UI Animation, Mobile First, Front-end, UI Design, Responsive Web Design (RWD), Animation, Web Design, Web Development, Single-page Applications (SPAs), B2B, Web Animation, CSS3 Animation, HTML5 Animations, CSS Animations, Lottie, Landing Page Design, Landing Pages, Front-end Development, Vanilla JS, Web Architecture, Motion Graphics, Videos

UI/UX Designer | Front-end Developer

2015 - 2016
StaffMatch
  • Redesigned dashboards and public pages.
  • Coded a responsive web interface.
  • Tested the user experience.
  • Styled D3.js charts.
Technologies: AngularJS, jQuery, JavaScript, CSS3, HTML5, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, User Experience (UX), User Interface (UI), Responsive Layout, Web UI, Web UX, Pixel Perfect, UI Development, Mobile First, Front-end, UX Design, UI Design, Responsive Web Design (RWD), Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Iframes, Single-page Applications (SPAs), B2B, Redesign, Atomic Design, Design Systems, CSS Animations, Responsive UX Design, Landing Page Design, Landing Pages, Front-end Development

HTML/CSS Developer

2015 - 2015
Pickuplater.com
  • Developed an interactive interface for a delivery service with a pretty rare option of choosing replacement products.
  • Created HTML structure based on designed functionality.
  • Cut graphics in Sketch.app and recreated visual elements with CSS.
  • Avoided conflicts with predefined CSS rules generated using LESS.
  • Created interactions by adding pseudoclasses and dynamically switching styles using JavaScript and jQuery.
  • Hacked the Bootstrap framework to achieve full responsiveness based on full HD and portrait iPhone mode.
Technologies: jQuery, JavaScript, Bootstrap, CSS, HTML, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, Responsive Layout, Web UI, Web UX, UI Development, Mobile First, Front-end, UX Design, Responsive Web Design (RWD), Full-stack, Responsive Design, eCommerce, Web Design, Web Development, Dashboards, Web Dashboards, Iframes, Single-page Applications (SPAs), B2B, HTML5 Animations, CSS Animations, Front-end Development, Videos

Graphic Designer | Front-end Developer

2015 - 2015
Walkio
  • Redesigned an early version of a web page into a fully responsive web service.
  • Designed attractive landing pages for clients and employees.
  • Created six illustrations and animated them into short loops.
  • Designed a unique user interface and enhanced the user experience of the dashboard.
  • Coded a responsive website using HTML, CSS, and JavaScript, and hacked the Bootstrap framework to achieve true cross-platform compatibility.
Technologies: Adobe Flash, Sketch, Bootstrap, JavaScript, CSS, HTML, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, User Experience (UX), User Interface (UI), Responsive Layout, Web UI, Web UX, Pixel Perfect, UI Development, UI Animation, Mobile First, Front-end, UX Design, Responsive Web Design (RWD), Animation, Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Single-page Applications (SPAs), Material Design, Web Animation, HTML5 Animations, CSS Animations, Lottie, Landing Page Design, Landing Pages, Front-end Development, Vanilla JS, Motion Graphics

Web Designer

2014 - 2015
BirdieFire
  • Designed an interface for a web application that will be used mainly on iPad.
  • Created landing page designs for new services.
  • Designed printed advertisements, including stand up banners, posters, and flyers.
  • Redesigned old pages and recoded in HTML and CSS to achieve responsiveness.
  • Designed and coded a standalone scoreboard display loop that was supposed to stand in the clubs.
Technologies: JavaScript, CSS, HTML, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, User Experience (UX), User Interface (UI), Responsive Layout, Web UI, Web UX, Pixel Perfect, UI Development, Design, Front-end, UX Design, Responsive Web Design (RWD), Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Ajax, CSS Animations, Responsive UX Design, Landing Page Design, Landing Pages, Front-end Development, Videos, scrolling motion

Front-end Developer

2014 - 2014
Skillbridge
  • Expanded the existing appearance using SASS on several new page types.
  • Created new template pages using the Flask framework.
  • Redesigned several details to achieve better compatibility with the context.
  • Became familiar with Python and expanded my experience in object-oriented programming.
  • Improved interactions using JavaScript and jQuery.
Technologies: Python, jQuery, JavaScript, Flask, Sass, CSS3, HTML5, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, Responsive Layout, Web UX, UI Development, Design, Front-end, UX Design, UI Design, Responsive Web Design (RWD), Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Redesign, Design Systems, CSS Animations, Front-end Development, Vanilla JS

UX/UI Designer

2014 - 2014
ITU | International Technological University
  • Analyzed, discussed, and improved the existing interface.
  • Designed a wireframe in Balsamiq Mockups, the mockup in Sketch, and enhanced photos in Photoshop.
  • Created an interactive prototype with HTML, SCSS/CSS, and JavaScript.
  • Designed the infographics for a presentation.
  • Organized and partially managed the project between marketing and development departments.
Technologies: Adobe Photoshop, Sketch, JavaScript, SCSS, HTML, Responsiveness, Responsive Web Apps, Responsive UI, User Experience (UX), User Interface (UI), Responsive Layout, Web UI, Web UX, UI Development, Design, Front-end, UX Design, UI Design, Responsive Web Design (RWD), Architecture, Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Ajax, Bootstrap, CSS Animations, Learning Management Systems (LMS), Education Technology (Edtech), Edtech Design, Learning Tools Interoperability (LTI), E-learning, Responsive UX Design, Landing Pages, Front-end Development, Videos

Graphic Designer | Front-end Developer

2012 - 2014
INETEC | Institute for Nuclear Technology
  • Designed interfaces for desktop and web applications.
  • Designed very specific custom icons for complex tools and actions.
  • Improved the user experience to create a better, user-friendly environment.
  • Handled and was responsible for the front-end development and implementation.
  • Gained familiarity with Knockout.js.
Technologies: Knockout (Knockout.js), JavaScript, CSS3, HTML5, Adobe Photoshop, WordPress, Responsiveness, Responsive Web Apps, Responsive UI, User Interface (UI), Responsive Layout, Web UI, Web UX, UI Development, Design, Front-end, UX Design, UI Design, Responsive Web Design (RWD), Architecture, Responsive Design, PHP, Web Development, Dashboards, Web Dashboards, Three.js, CSS Animations, Front-end Development, Videos

Graphic Designer | Front-end Developer | Flash Developer

2010 - 2014
MSFG International
  • Designed promotional materials for print from flyers to megaboards.
  • Created digital illustrations.
  • Designed a website.
  • Wrote code in HTML and CSS.
  • Created a WordPress theme and provided administration of the web.
  • Created video materials and animations.
  • Developed Flash and HTML banners.
Technologies: Video Editing, Flash, CSS, HTML, WordPress, Leadership, Web UI, Web UX, UI Animation, Design, Front-end, UX Design, UI Design, Responsive Web Design (RWD), Animation, Content Management Systems (CMS), Full-stack, PHP, Web Development, Redesign, Web Animation, CSS Animations, Landing Page Design, Landing Pages, Front-end Development, WordPress Plugins, Motion Graphics, Videos

Flash Developer | Designer

2008 - 2010
Artix
  • Handled and was responsible for web advertisement development (Flash banners) creating complex interactive animations, based on rough storyboard in less then 60KB.
  • Managed and was responsible for rich internet application development—fullscreen Flash sites with a smooth interactive multimedia experience.
  • Created web-based Flash mini-games.
  • Built educational Flash standalone applications randomly—generated XML based quizzes with results-tracking and statistics.
  • Did extensive work in Photoshop.
Technologies: ActionScript 3, ActionScript 2, Flash, Web UI, UI Animation, Design, Front-end, UX Design, UI Design, Animation, Content Management Systems (CMS), Web Development, Dashboards, Web Dashboards, Web Animation, GSAP, Landing Page Design, Landing Pages, Motion Graphics

Experience

BirdieFire

I designed and developed the front-end for a leading golf coaching service.

Walkio

I developed the front-end for the landing page and the dashboard of a dog care service.

Multimedia Guide for the Natural History Museum of Slovenia

I designed and developed this iOS application in 2011. It was one of the first mobile museum applications in central Europe. The design is highly skeuomorphic, which was very desirable at that time and closely connected to the historical appearance of the institution. It supports audio streaming in five languages with synchronized text, and it's controlled by touch gestures and motion detection.

It is still available on iTunes but is not compatible with iOS 7+.

Voisecutor

I coded a landing page and programming a prototype application for a video transcription service in the judiciary.

Vert Solar Financing

I developed administration services for the leading US solar energy industry.

UX/UI Designer and Front-end Developer

http://piazza.com
Served as a UI/UX designer and front-end developer for a leading US learning management system (LMS). My role was at first to code HTML and CSS based on the desktop-sized mockups, but soon, I had to turn them into a responsive layout and implement them into Angular code. Later I redesigned the old non-responsive interfaces and coded them into React.

Education

2009 - 2012

Master's Degree in Graphic Arts

University of Zagreb - Zagreb, Croatia

2011 - 2011

Master's Degree in Multimedia Application Research (via the Erasmus Exchange Program)

University of Ljubljana - Ljubljana, Slovenia

2004 - 2008

Bachelor's Degree in Informatics

Polytechnic of Zagreb - Zagreb, Croatia

Skills

Libraries/APIs

React, jQuery, Handlebars, react-spring, Backbone.js, Ruby on Rails API, Node.js, jQuery DataTables, Chart.js, D3.js, Three.js, GSAP, Microsoft Word Add-on Development, WebGL, Web Audio

Tools

Coda 2, Adobe Photoshop, Sketch 3, Figma, PostCSS, Figma to HTML, Git, Sketch, Adobe Flash, Flash, Fuse, Webpack, Babel, Canvas, Canvas LMS, Moodle, Microsoft Word

Languages

SCSS, CSS3, CSS, HTML, HTML5, PHP, Sass, JavaScript, Python, ActionScript 2, ActionScript 3, C++, XML, TypeScript

Frameworks

Bootstrap, Espresso, Tailwind CSS, Vanilla JS, Flask, Knockout (Knockout.js), AngularJS, Ionic 2, React-Bootstrap, Angular, Next.js, Redux, .NET, Laravel

Paradigms

Responsive Layout, Responsive Web Design (RWD), UI Design Standards & Best Practices, UX Design, UI Design, B2B, Search Engine Optimization (SEO), Web Architecture, Agile Software Development, Mobile Development, Web App Design

Industry Expertise

Web Design, E-learning

Platforms

WordPress, MacOS, iOS, Mobile, HubSpot

Storage

MySQL, JSON

Other

Responsiveness, Responsive Web Apps, Responsive UI, Front-end, Learning Management Systems (LMS), Web UI, Web UX, UI Development, UI Animation, Mobile First, Responsive Design, Web Development, Dashboards, Web Dashboards, Redesign, Web Animation, CSS Animations, Education Technology (Edtech), Edtech Design, Front-end Development, Motion Graphics, Illustration, Animation, HTML Templates, Leadership, User Experience (UX), User Interface (UI), Pixel Perfect, Design, Iframes, Gatsby, Ajax, Single-page Applications (SPAs), Atomic Design, Design Systems, CSS3 Animation, HTML5 Animations, Lottie, Artificial Intelligence (AI), Learning Tools Interoperability (LTI), Responsive UX Design, Landing Page Design, Landing Pages, WordPress Plugins, Videos, scrolling motion, Rive, Video Editing, SVG, Accessibility, Research, UX Research, UI Research, Information Architecture (IA), Mobile UI, Mobile UX, Product Design, Informatics, Bootstrap 5, Content Management Systems (CMS), Full-stack, Deployment, Architecture, eCommerce, Material Design, SaaS, Forms, Elementor, OpenAI, Interactive UI, CSS5, Audio, Task Orders, Styled-components

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring