Love to hear from you.
Get in touch!

If you’re interested in working together, have an idea you’d like to chat about or just want to say hi – feel free to send a message!

template7

template7

template7

Credits

Credits

Elementor Page #194 (DUPLICATE)

Flex grow same size containers​

This is the perfect solution for wrapping, because you never have to use px, it’s the same on desktop, tablet and mobile and you can even change the element gap from 20 to 30px. Your backgrounds containers should be on boxed. Values used: 1120 for ultra wide & desktop, 80% for laptop, tablet extra, tablet, mobile extra, then mobile on 90%. Make sure to add the extra responsive breakpoints otherwise it’s not as my example.

  • 13,5%
  • 25%
  • 35%
1
2
3
4
5
6
7
8
9
10
11
  • 16.5%
  • 25%
  • 35%
1
2
3
4
5
6
7
8
9
  • 20%
  • 35%
  • 100%
1
2
3
4
5
6
7
  • 25%
  • 35%
  • 100%
1
2
3
4
5
  • 35%
  • 100%
  • 100%
1
2
3

Flex grow different size containers

This is a working solution for 12 column designs (in the 1140/1120 grid) where the containers have different widths. Also on tablet and mobile I have put everything on 100%, but you can ofcourse change this according to your design.

2 columns

15,18%
Grow

3 columns

23,66%
Grow

4 columns

32,14%
Grow

5 columns

40,63%
Grow

6 columns

Grow
Grow

7 columns

57,59%
Grow

8 columns

66,07%
Grow

9 columns

74,55%
Grow

10 columns

83,04%
Grow

Reel 2025

Credits

00:00 – 00:06
00:06 – 00:08
00:08 – 00:09
00:09 – 00:10
00:10 – 00:11
00:11 – 00:12
00:12 – 00:13
00:13 – 00:16
00:16 – 00:25
00:25 – 00:28
00:28 – 00:29
00:29 – 00:35
00:35 – 00:37
00:37 – 00:39
00:39 – 00:40
00:40 – 00:43
00:43 – 00:45
00:45 – 00:49
00:49 – 00:50
00:50 – 00:52
00:52 – 00:54
00:54 – 00:55
00:55 – 00:56
00:56 – 00:57
00:57 – 00:57
00:57 – 00:58
00:58 – 00:58
00:59 – 00:59
00:59 – 01:04

Intro
Personal project: Rush Hour Chaos
Client: HIVE | Studio: Jagthund | Role: Design, Animation
Client: Arcado | Role: Direction, Design, Animation
Client: Land Life | Role: Design, Animation
Client: Van Gogh Monuments | Studio: Tomas concept + creation | Role: Design, Animation
Client: Xref | Agency: Oakland Studio | Role: Design, Animation
Client: Haglöfs | Agency: Baked | Role: Animation
Client: Rimowa | Agency: Parallel Studio | Role: Animation, Compositing
Client: Snapchat | Agency: Kiblind | Role: Design, Animation
Client: Vlokhoven Opleidingen | Role: Direction, Design, Animation
Client: Tomas concept + creation | Role: Design, Animation
Client: Arcado Network | Role: Direction, Design, Animation
Personal project: Rainy day reflection
Personal project: 
Client: Hermès | Agency: Parallel Studio | Role: Animation, Compositing
Client: NEZZT | Agency: Jagthund | Role: Design, Animation
Client: Snapchat | Agency: Kiblind | Role: Design, Animation
Client: Snapchat | Agency: Kiblind | Role: Design, Animation
Client: Vlokhoven Opleidingen | Role: Direction, Design, Animation
Client: Xref | Agency: Oakland Studio | Role: Design, Animation
Client: HIVE | Studio: Jagthund | Role: Design, Animation
Personal project: BRB
Personal project: 
Personal project: De ondernemer
Personal project with Jagthund: Peking Dog
Client: Arcado | Role: Direction, Design, Animation
Personal project: BRB
Outro

00:00 – 00:06 Intro

00:06 – 00:08 Personal project: Rush Hour Chaos

00:08 – 00:09 Client: HIVE | Studio: Jagthund | Role: Design, Animation

00:09 – 00:10 Client: Arcado | Role: Direction, Design, Animation

00:10 – 00:11 Client: Land Life | Role: Design, Animation

00:11 – 00:12 Client: Van Gogh Monuments | Studio: Tomas concept + creation | Role: Design, Animation

00:12 – 00:13 Client: Xref | Agency: Oakland Studio | Role: Design, Animation

00:13 – 00:16 Client: Haglöfs | Agency: Baked | Role: Animation

00:16 – 00:25 Client: Rimowa | Agency: Parallel Studio | Role: Animation, Compositing

00:25 – 00:28 Client: Snapchat | Agency: Kiblind | Role: Design, Animation

00:28 – 00:29 Client: Vlokhoven Opleidingen | Role: Direction, Design, Animation

00:29 – 00:35 Client: Tomas concept + creation | Role: Design, Animation

00:35 – 00:37 Client: Arcado Network | Role: Direction, Design, Animation

00:37 – 00:39 Personal project: Rainy Day Reflection

00:39 – 00:40 _ Personal project

00:40 – 00:43 Client: Hermès | Agency: Parallel Studio | Role: Animation, Compositing

00:43 – 00:45 Client: NEZZT | Agency: Jagthund | Role: Design, Animation

00:45 – 00:49 Client: Snapchat | Agency: Kiblind | Role: Design, Animation

00:49 – 00:50 Client: Snapchat | Agency: Kiblind | Role: Design, Animation

00:50 – 00:52 Client: Vlokhoven Opleidingen | Role: Direction, Design, Animation

00:52 – 00:54 Client: Xref | Agency: Oakland Studio | Role: Design, Animation

00:54 – 00:55 Client: HIVE | Studio: Jagthund | Role: Design, Animation

00:55 – 00:56 Personal project: BRB

00:56 – 00:57 Personal project

00:57 – 00:57 Personal project: De ondernemer

00:57 – 00:58 Personal project with Jagthund: Peking Dog

00:58 – 00:58 Client: Arcado | Role: Direction, Design, Animation

00:59 – 00:59 Personal project: BRB

00:59 – 01:04 Outro

Portfolio Tag: Template1

Visual Portfolio, Posts & Image Gallery for WordPress


All

compositing

design

direction

illustration

motion design

1

2


Play

A selection of work over the years,
made for fun and for serious ッ

player: 0 | computer: 0

Elementor Page #194

Flex grow same size containers​

This is the perfect solution for wrapping, because you never have to use px, it’s the same on desktop, tablet and mobile and you can even change the element gap from 20 to 30px. Your backgrounds containers should be on boxed. Values used: 1120 for ultra wide & desktop, 80% for laptop, tablet extra, tablet, mobile extra, then mobile on 90%. Make sure to add the extra responsive breakpoints otherwise it’s not as my example.

  • 13,5%
  • 25%
  • 35%
1
2
3
4
5
6
7
8
9
10
11
  • 16.5%
  • 25%
  • 35%
1
2
3
4
5
6
7
8
9
  • 20%
  • 35%
  • 100%
1
2
3
4
5
6
7
  • 25%
  • 35%
  • 100%
1
2
3
4
5
  • 35%
  • 100%
  • 100%
1
2
3

Flex grow different size containers

This is a working solution for 12 column designs (in the 1140/1120 grid) where the containers have different widths. Also on tablet and mobile I have put everything on 100%, but you can ofcourse change this according to your design.

2 columns

15,18%
Grow

3 columns

23,66%
Grow

4 columns

32,14%
Grow

5 columns

40,63%
Grow

6 columns

Grow
Grow

7 columns

57,59%
Grow

8 columns

66,07%
Grow

9 columns

74,55%
Grow

10 columns

83,04%
Grow

HI

Daan Snels is a Dutch 2D animator and Motion Designer with a passion for illustration. Daan started his career with an all-round design internship with his father, where he was introduced to illustration and animation. After completing his bachelor’s degree in Communication & Multimedia Design, he had the freedom to do whathe loves most.

Now Daan works from his studio in Breda, The Netherlands. He thinks animation should be playful and interesting at all times, that’s why he’s always looking for visually appealing images using vibrant colors and simple shapes.

NEW PROJECT

If you’re interested in working together, have an idea you’d like to chat about or just want to say hi – feel free to send a message!

daan@studiosnels.com

NEW PROJECT

If you’re interested in working together, have an idea you’d like to chat
about or just want to say hi – feel free to send a message!

daan@studiosnels.com

Skills
After Effects animation, compositing, design, illustration
Clients include
Rimowa, Van Cleef & Arpels, Xref, Land Life, Snapchat, Hermès, Haglofs, Rabobank, Van Gogh Monuments, Visit Brabant, Twee Brouwers, Avans
Agency’s include
Parallel Studio, Kiblind, Baked, Jagthund, Tomas Concept + Creation, Buro Barabas, Heilder

Work

Visual Portfolio, Posts & Image Gallery for WordPress
all
compositing
design
direction
illustration
motion design
more loading more..

Xref

Design & animation

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie
consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et
iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis
dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.


Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie
consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et
iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis
dolore te feugait nulla facilisi.

Client:
Studio: 
Direction: 
Script: 
Design: 
Motion Design: 

Xref
Oakland Studio
Sergio
Oakland Studio
Daan Snels
Daan Snels

Daan is a freelance motion designer who helps studios and direct clients.
Watch the 2025 reel, dive into more work below or let’s connect and say hi!

more work

Privacy Policy

Who we are

Suggested text: Our website address is: https://studiosnels.com.

Comments

Suggested text: When visitors leave comments on the site we collect the data shown in the comments form, and also the visitor’s IP address and browser user agent string to help spam detection.

An anonymized string created from your email address (also called a hash) may be provided to the Gravatar service to see if you are using it. The Gravatar service privacy policy is available here: https://automattic.com/privacy/. After approval of your comment, your profile picture is visible to the public in the context of your comment.

Media

Suggested text: If you upload images to the website, you should avoid uploading images with embedded location data (EXIF GPS) included. Visitors to the website can download and extract any location data from images on the website.

Cookies

Suggested text: If you leave a comment on our site you may opt-in to saving your name, email address and website in cookies. These are for your convenience so that you do not have to fill in your details again when you leave another comment. These cookies will last for one year.

If you visit our login page, we will set a temporary cookie to determine if your browser accepts cookies. This cookie contains no personal data and is discarded when you close your browser.

When you log in, we will also set up several cookies to save your login information and your screen display choices. Login cookies last for two days, and screen options cookies last for a year. If you select "Remember Me", your login will persist for two weeks. If you log out of your account, the login cookies will be removed.

If you edit or publish an article, an additional cookie will be saved in your browser. This cookie includes no personal data and simply indicates the post ID of the article you just edited. It expires after 1 day.

Embedded content from other websites

Suggested text: Articles on this site may include embedded content (e.g. videos, images, articles, etc.). Embedded content from other websites behaves in the exact same way as if the visitor has visited the other website.

These websites may collect data about you, use cookies, embed additional third-party tracking, and monitor your interaction with that embedded content, including tracking your interaction with the embedded content if you have an account and are logged in to that website.

Who we share your data with

Suggested text: If you request a password reset, your IP address will be included in the reset email.

How long we retain your data

Suggested text: If you leave a comment, the comment and its metadata are retained indefinitely. This is so we can recognize and approve any follow-up comments automatically instead of holding them in a moderation queue.

For users that register on our website (if any), we also store the personal information they provide in their user profile. All users can see, edit, or delete their personal information at any time (except they cannot change their username). Website administrators can also see and edit that information.

What rights you have over your data

Suggested text: If you have an account on this site, or have left comments, you can request to receive an exported file of the personal data we hold about you, including any data you have provided to us. You can also request that we erase any personal data we hold about you. This does not include any data we are obliged to keep for administrative, legal, or security purposes.

Where your data is sent

Suggested text: Visitor comments may be checked through an automated spam detection service.

say hi

contact

daan@studiosnels.com

follow

instagram

dribbble

linkedin

© Copyright 2025 Studio Snels

KVK: 67891446

Nerd_Logo_snels-web_Logo 3_rood-svg

Built by

Nerd aan de deur

N9o5zORdcr
EiUAkOTPcM
HmWqV6w1AM
phZtT5ICXP
4N6Wzu7nDU
DVe8BQUlN5
rbQVUru3mj