Francisco is available for hire

Francisco Antunes

Verified Expert in Engineering

UI Developer

Manchester, United Kingdom

Toptal member since June 14, 2016

Expertise

Front End HTML5 JavaScript CSS Sass React.js Next.js jQuery Bootstrap TypeScript Gulp Git MySQL Node.js Agile Development

Bio

Francisco is a senior front-end developer with 15+ years of experience in the field. He specializes in creating scalable, accessible, and high-performing web applications. His technical skills include React, Tailwind, Next.js, and TypeScript, and he is proficient in performance optimization and ensuring applications meet high accessibility standards. Francisco has a proven track record of delivering engaging digital experiences for a diverse range of clients, from startups to large enterprises.

Portfolio

Excelsa Labs, Inc

HTML, Astro, JavaScript, CSS, Tailwind CSS, Figma, User Interface (UI)...

FlatPlan

Node.js, React

Excelsa Labs, Inc

HTML, Astro, JavaScript, CSS, Tailwind CSS, Figma, User Interface (UI), HeroUI...

Experience

UI Development - 15 years
Front-end - 15 years
CSS3 - 12 years
JavaScript - 10 years
Responsive UI - 10 years
React - 4 years
Tailwind CSS - 3 years
Next.js - 3 years

Preferred Environment

React, JavaScript, Next.js, TypeScript, Tailwind CSS

The most amazing...

...experience I've had was creating solutions for all sorts of business requirements and helping junior developers with their learning.

Work Experience

UI Developer

2025 - 2025

Excelsa Labs, Inc

Developed the new marketing website and integrated it with Sanity.
Rebuilt all pages and components based on designs in Figma using React, TypeScript, Astro, and Tailwind.
Created reusable components and integrated a new blog page using content from Sanity.

Technologies: HTML, Astro, JavaScript, CSS, Tailwind CSS, Figma, User Interface (UI), Headless CMS, Sanity Studio

Senior Full-stack Developer

2025 - 2025

FlatPlan

Updated and created new features for the dashboard, where clients can manage and see how the published articles are doing.
Assisted the team with integrating new publications.
Fixed multiple bugs supporting current and new clients.

Technologies: Node.js, React

UI Developer

2025 - 2025

Excelsa Labs, Inc

Rebuilt their website based on freshly created Figma designs.
Used Tailwind, Astro, TypeScript, and React to build and integrate with Sanity (headless CMS).
Collaborated with the team to integrate contact forms with HubSpot and Google Tag Manager.

Technologies: HTML, Astro, JavaScript, CSS, Tailwind CSS, Figma, User Interface (UI), HeroUI, React

Senior Full-stack Developer

2024 - 2024

Skript

Rebuilt a public-facing website and dashboard that's only available to clients based on a freshly designed user interface.
Used Next.js to enable server-side rendering to provide fast response and add authentication to gated pages such as the dashboard.
Created a fully responsive website to successfully deliver a great experience to users on all devices.

Technologies: JavaScript, CSS, HTML, UI Development, Git, Responsive UI

React eCommerce Developer

2024 - 2024

Tribeca Printworks LLC

Worked on an Astro application, a new version of an established application the client already had.
Finished the application and added new UI components (the client was also using Preact).
Worked on a Mantine app and created a few custom components using Tailwind.

Technologies: Front-end, React, Netlify, Stripe, TypeScript, Git, Responsive UI

UI Developer

2024 - 2024

Kepler Cheuvreux SA

Helped build an application using React with tested components and showcased it in Storybook for other teams to use.
Created services that use WebSockets, streaming large amounts of data to the client, which needs to be handled efficiently without lagging.
Helped migrate a dashboard application with the latest Next.js version to leverage server-side rendering for some pages.

Technologies: UI Development, React, Next.js, Tailwind CSS, TypeScript, Git, Agile, Responsive UI

Senior Front-end Developer

2023 - 2023

Wovn

Helped build and maintain the web app (using Next.js) for artists and collectors to manage their NFT assets.
Improved and expanded services and overall performance of the app.
Built an award-winning app in collaboration with partners showcasing AI and other technologies.

Technologies: Next.js, React, Tailwind CSS, TypeScript, HTML UI, Git, Responsive UI

Senior Front-end Developer

2022 - 2023

Shell

Built and maintained the React components library used across multiple teams.
Create tests to assess functionality and accessibility.
Helped other teams implement the components, providing guidelines and documentation.

Technologies: React, Next.js, TypeScript, Styled-components, SCSS, HTML UI, Scrum, Git, Agile, Responsive UI

Senior Front-end Developer

2022 - 2022

Planetary

Helped build a dashboard for one web3 client using Next.js.
Collaborated with other front-end developers and built new components and pages.
Created all components, which are also available in the storybook, so that other teams could use them.

Technologies: Next.js, React, Storybook, HTML UI, TypeScript, Git, Responsive UI

Senior Front-end Developer

2022 - 2022

Bright Moments

Created UI elements based on the Atomic Design approach using styled-components.
Developed an application for NFT exhibitions in cities around the world.
Worked with a range of technologies such as web3, styled-components, React, and Ethers.js.
Helped launch a registration application as well as a portal for users to purchase NFTs.

Technologies: React, Web3.js, TypeScript, Git, Responsive UI

Senior Front-end Developer (React)

2021 - 2022

Glisser

Worked as a front-end developer for the Glisser product team. They wanted to break down the presentation side of the application and create multiple UI elements to be used as an SDK by the clients in their application.
Developed and led this migration of the current application from Angular to React and made it modular for the clients to consume directly in their applications.
Created a monorepo, initially using Lerna, and then moved to npm workspaces to manage all packages.
Rebuilt all the UI components based on Atomic Design for the presentation part of the application, which is the most used using React, styled-components, and TypeScript.
Built a JavaScript layer to support both technologies through the transition from Angular to React.

Technologies: React, JavaScript, Cypress, HTML UI, TypeScript, HTML, Git, Responsive UI

Senior Front-end Developer

2021 - 2021

Zobrist Consulting Group

Collaborated with a team of developers to build and maintain the loyalty platform using React and Vue for various clients such as Vans and The North Face.
Updated CSS framework to handle new sections of the loyalty page.
Helped integrate an existing React application with Vue Storefront.

Technologies: React, TypeScript, HTML UI, HTML, Git, Responsive UI

Lead Front-end Developer

2020 - 2020

Cooperative Bank

Led a team of three front-end developers to rebuild the current account form using React and Redux, which is one of the key forms to bring clients to the bank as well as one with the highest traffic.
Focused the development on performance, test, accessibility, and mobile-first.
Worked thoroughly on the accessibility to match the highest standards.
Created all unit and integration tests using the Jest and React Testing Library.
Joined the team with the Redux data flow already designed but helped update it to improve performance and scalability.
Involved in meetings with DevOps, designers, back-end, and POs to build a strategy on how to manage expectations, achieve goals, and improve work.

Technologies: ECMAScript (ES6), HTML5, BEM, React Testing Library, Jest, Hooks, SCSS, React, HTML UI, Scrum, HTML, Git, Agile, Responsive UI

Lead Front-end Developer

2018 - 2020

Accenture | University of Manchester

Wrote the documentation, guidelines, and lint for the team to follow.
Kickstarted the foundation for HTML, SCSS, and ES6 to be the main components using BEM-ish so that the UI components could be modified and extended by the team.
Communicated with designers and business analysts to make a consistent UI library so the project would have a maintainable and manageable components library legacy left to the university when the handover happens.
Mentored junior developers on best practices and facilitated problem-solving. The team consisted of three front-end developers (two juniors and one mid-level), and we all created and integrated the designed UI components with the back end.
Wrote code, guided, and supported other team members to collectively decide which technology to use and different approaches to take.

Technologies: BEM, HTML5, Pattern Lab, SCSS, ECMAScript (ES6), JavaScript, HTML UI, Scrum, HTML, Git, Agile, Responsive UI

Senior Front-end Developer

2017 - 2018

Loggly

Rebuilt the company's main product UI based on new designs.
Collaborated with teams to successfully integrate new UI and improve user experience.
Worked closely with product managers and marketing to add metrics to analyze how users achieved their goals within the platform.

Technologies: HTML5, JavaScript, SCSS, HTML UI, HTML, Git, Responsive UI

Senior Front-end Developer

2017 - 2017

Befunky

Worked together with the team and built a new user interface to move away from the outdated Flash app.
Focused on preserving all user experience from past applications, including animation and transitions.
Rebuilt components using a Bootstrap type of approach to organize UI components so they can be re-used.

Technologies: HTML5, SCSS, JavaScript, HTML UI, HTML, Git, Responsive UI

Senior Front-end Developer

2016 - 2016

Consumer Affairs

Helped develop and migrate sections of the website to new UI designs.
Used the BEM approach to create a framework-like CSS so it could be re-used to add to new UI components.
Migrated main sections of the website used daily by thousands of users.

Technologies: JavaScript, HTML, Sass, CSS, HTML UI, Git, Responsive UI

Senior Front-end Developer

2015 - 2016

YouView

Created multiple themes for the TV box UI. Those themes were among the company partnerships as well as accessibility.
Improved the performance of the CSS on the TV box UI since the boxes had low-powered processors.
Worked with a team to build and improve the testing framework.

Technologies: CSS, jQuery, Gulp, HTML UI, Bootstrap, HTML, Responsive UI

Lead Front-end Developer

2014 - 2015

Accenture

Led a team of three front-end developers, one of whom was based in the UK and two in India, to redesign the UI of an application for the Scottish Police.
Created a CSS framework to be used to revamp the UI.
Wrote documentation about the new framework with code samples and UI examples.
Created templates (as well as many snippets of code) to be integrated with a Java back-end.
Held many meetings with all the back-end developers to make the process seamless for the test team.

Technologies: Grunt, JavaScript, CSS, HTML5, jQuery, HTML UI, Responsive UI

Senior Front-end Developer

2014 - 2014

AKQA

Developed the front end of a project for Vodafone that was integrated with a back end using a CQ framework.
Worked on multiple projects on various occasions, helping the team to deliver promo websites for clients.
Worked with a number of new technologies to deliver new promo websites quickly.

Technologies: Grunt, jQuery, JavaScript, HTML5, CSS, HTML UI, Bootstrap, HTML, Responsive UI

Front-end Developer

2014 - 2014

Wunderman

Built a prototype for a client. The project was a banner that loaded data from a RESTful API.
Created the project using mostly jQuery, CSS3, and HTML5.The idea was to allow the client to create jQuery-based animations with chosen products.
Worked on the chosen products, which would then be displayed in the banner in the order selected.

Technologies: HTML5, CSS3, jQuery, HTML UI, HTML, Responsive UI

Senior Front-end Developer

2014 - 2014

Sainsbury

Worked with other front-end developers to create a new product for the company.
Handled working with almost five front-end developers within the same team.
Had to split the work between us and create a module based on a large CSS file.

Technologies: CSS, JavaScript, HTML UI, HTML, Responsive UI

Senior Front-end Developer

2013 - 2014

Syzygy

Created HTML templates based on a design that was to be integrated with a .NET application.

Technologies: jQuery, HTML, JavaScript, CSS, HTML UI, MySQL, Responsive UI

Full-stack Developer

2012 - 2012

ICC Lowe

Developed a Twitter map application using Node.js.
Created multiple marketing websites for clients.

Technologies: HTML5, CSS, jQuery, Node.js, HTML UI, HTML, MySQL

Senior Front-end Developer

2011 - 2012

Potato

Worked on many marketing projects for YouTube.
Created templates for Google Small Business campaigns in more than 30 countries.

Technologies: jQuery, JavaScript, HTML5, CSS, HTML UI, HTML, MySQL

Experience

Skript Website

https://skript-website.vercel.app

I rebuilt a website based on new UI designs and updated a public-facing website as well as a dashboard used by paid clients. I also created a new authentication system to allow access to products and services available to users.

Adroit

https://adroitcc.io/

I rebuilt the website using Next.js and restructured the sections by updating content to make sections and pages more manageable to read. I also improved the website's loading time, SEO, and mobile version, as the previous one was not scaling correctly.

Website

https://scrunchai.com/

Updated the marketing website based on new Figma designs using Astro, React, and Tailwind CSS. Integrated the blog section with Sanity (headless CMS) for dynamic content management. Ensured the entire site is fully responsive and optimized for mobile performance.

Skills

Libraries/APIs

React, React Testing Library, jQuery, Node.js, Web3.js, Stripe, HeroUI

Tools

Gulp, Grunt, Pattern Lab, Git, Astro, Figma

Languages

ECMAScript (ES6), CSS3, Sass, HTML5, JavaScript, CSS, HTML, TypeScript, SCSS

Frameworks

Next.js, Bootstrap, Jest, Cypress, Tailwind CSS

Paradigms

Scrum, BEM, Agile

Platforms

Netlify, Sanity Studio

Storage

MySQL

Other

HTML UI, Front-end, Responsive UI, UI Development, Hooks, Styled-components, Storybook, User Interface (UI), Tailwind UI, Headless CMS

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.

Share your needs

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

Choose your talent

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

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