Filter

Example 7 - Reset all filters button

Reset all active filters with option filterReset

See Finsweet
Walkthrough

What we will cover

  • Using the filterReset option to reset every active filter on the page

RESET ALL
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Branding
Web Design
Development
Motion
Strategy
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Project 1
1
2019
Fun
used cms true

Branding, Web Design

Project 2
2
2020
Fun
used cms false

Branding

Project 3
3
2017
Not fun
used cms true

Web Design

Project 4
4
2018
Not fun
used cms false

Development

Project 5
5
2018
Fun
used cms true

Development

Project 6
6
2018
Not fun
used cms false

Motion Graphics

Project 7
7
2019
Fun
used cms true

Branding

Project 8
8
2020
Fun
used cms false

Web Design

Project 9
9
2020
Fun
used cms true

Web Design, Development

Project 10
10
2020
Not fun
used cms false

Web Design, Development

Project 11
11
2019
Not fun
used cms true

Strategy Consulting

Project 12
12
2017
Not fun
used cms false

Web Design, Development

Project 13
13
2019
Not fun
used cms true

Web Design

Project 14
14
2020
Fun
used cms false

Strategy Consulting

Project 15
15
2017
Fun
used cms true

Branding, Motion Graphics

Project 16
16
2018
Not fun
used cms false

Branding, Web Design

Project 17
17
2018
Fun
used cms true

Strategy Consulting

Project 18
18
2018
Fun
used cms false

Branding, Web Design

Project 19
19
2019
Fun
used cms true

Branding, Web Design

Project 20
20
2020
Not fun
used cms false

Branding, Web Design

Project 21
21
2020
Not fun
used cms true

Branding, Strategy Consulting

Project 22
22
2020
Fun
used cms false

Branding, Strategy Consulting

Project 23
23
2019
Not fun
used cms true

Motion Graphics

Project 24
24
2017
Fun
used cms false

Motion Graphics

Project 25
25
2019
Fun
used cms true

Branding, Web Design

Project 26
26
2020
Fun
used cms false

Branding

Project 27
27
2017
Not fun
used cms true

Web Design

Project 28
28
2018
Not fun
used cms false

Development

Project 29
29
2018
Not fun
used cms true

Development

Project 30
30
2018
Not fun
used cms false

Motion Graphics

Project 31
31
2019
Fun
used cms true

Branding

Project 32
32
2020
Fun
used cms false

Web Design

Project 33
33
2020
Not fun
used cms true

Web Design, Development

Project 34
34
2020
Fun
used cms false

Web Design, Development

Project 35
35
2019
Fun
used cms true

Strategy Consulting

Project 36
36
2017
Fun
used cms false

Web Design, Development

Project 37
37
2019
Not fun
used cms true

Web Design

Project 38
38
2020
Not fun
used cms false

Strategy Consulting

Project 39
39
2017
Fun
used cms true

Branding, Motion Graphics

Project 40
40
2018
Not fun
used cms false

Branding, Web Design

Project 41
41
2018
Fun
used cms true

Strategy Consulting

Project 42
42
2018
Fun
used cms false

Branding, Web Design

Project 43
43
2019
Fun
used cms true

Branding, Web Design

Project 44
44
2020
Not fun
used cms false

Branding, Web Design

Project 45
45
2020
Not fun
used cms true

Branding, Strategy Consulting

Project 46
46
2020
Not fun
used cms false

Branding, Strategy Consulting

Project 47
47
2019
Not fun
used cms true

Motion Graphics

Project 48
48
2017
Fun
used cms false

Motion Graphics

Project 49
49
2019
Fun
used cms true

Branding, Web Design

Project 50
50
2020
Not fun
used cms false

Branding

Project 51
51
2017
Fun
used cms true

Web Design

Project 52
52
2018
Fun
used cms false

Development

Project 53
53
2018
Fun
used cms true

Development

Project 54
54
2018
Not fun
used cms false

Motion Graphics

Project 55
55
2019
Not fun
used cms true

Branding

Project 56
56
2020
Fun
used cms false

Web Design

Project 57
57
2020
Not fun
used cms true

Web Design, Development

Project 58
58
2020
Fun
used cms false

Web Design, Development

Project 59
59
2019
Fun
used cms true

Strategy Consulting

Project 60
60
2017
Fun
used cms false

Web Design, Development

Project 61
61
2019
Not fun
used cms true

Web Design

Project 62
62
2020
Not fun
used cms false

Strategy Consulting

Project 63
63
2017
Not fun
used cms true

Branding, Motion Graphics

Project 64
64
2018
Not fun
used cms false

Branding, Web Design

Project 65
65
2018
Fun
used cms true

Strategy Consulting

Project 66
66
2018
Fun
used cms false

Branding, Web Design

Project 67
67
2019
Not fun
used cms true

Branding, Web Design

Project 68
68
2020
Fun
used cms false

Branding, Web Design

Project 69
69
2020
Fun
used cms true

Branding, Strategy Consulting

Project 70
70
2020
Fun
used cms false

Branding, Strategy Consulting

Project 71
71
2019
Not fun
used cms true

Motion Graphics

Project 72
72
2017
Not fun
used cms false

Motion Graphics

Project 73
73
2019
Fun
used cms true

Branding, Web Design

Project 74
74
2020
Not fun
used cms false

Branding

Project 75
75
2017
Fun
used cms true

Web Design

Project 76
76
2018
Fun
used cms false

Development

Project 77
77
2018
Fun
used cms true

Development

Project 78
78
2018
Not fun
used cms false

Motion Graphics

Project 79
79
2019
Not fun
used cms true

Branding

Project 80
80
2020
Not fun
used cms false

Web Design

Project 81
81
2020
Not fun
used cms true

Web Design, Development

Project 82
82
2020
Fun
used cms false

Web Design, Development

Project 83
83
2019
Fun
used cms true

Strategy Consulting

Project 84
84
2017
Not fun
used cms false

Web Design, Development

Project 85
85
2019
Fun
used cms true

Web Design

Project 86
86
2020
Fun
used cms false

Strategy Consulting

Project 87
87
2017
Fun
used cms true

Branding, Motion Graphics

Project 88
88
2018
Not fun
used cms false

Branding, Web Design

Project 89
89
2018
Not fun
used cms true

Strategy Consulting

Project 90
90
2018
Fun
used cms false

Branding, Web Design

Project 91
91
2019
Not fun
used cms true

Branding, Web Design

Project 92
92
2020
Fun
used cms false

Branding, Web Design

Project 93
93
2020
Fun
used cms true

Branding, Strategy Consulting

Project 94
94
2020
Fun
used cms false

Branding, Strategy Consulting

Project 95
95
2019
Not fun
used cms true

Motion Graphics

Project 96
96
2017
Not fun
used cms false

Motion Graphics

Project 97
97
2019
Not fun
used cms true

Branding, Web Design

Project 98
98
2020
Not fun
used cms false

Branding

Project 99
99
2017
Fun
used cms true

Web Design

Project 100
100
2018
Fun
used cms false

Development

Clone me!

You are almost there! Clone this template by clicking the link above. Learn, play around, test, use your own content, and have fun.

You can delete all .delete-me divs! All of the How-To content is in the .clonable divs.

More examples
1 filter, exclusive
1 filter, multi
2 filters, exclusive and multi
Filter by search
Really crazy complex filter with every filter option
1 nested collection, dynamic filter buttons
Load More
Component
Sort
Component
Made with
by