diff --git a/.animate-config b/.animate-config.json
similarity index 100%
rename from .animate-config
rename to .animate-config.json
diff --git a/Gruntfile.js b/Gruntfile.js
index 5a4d364..6dfb466 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -41,7 +41,7 @@ module.exports = function(grunt) {
         files: [
           'source/**/*',
           '!node_modules',
-          '.animate-config'
+          '.animate-config.json'
         ],
         // Run Sass, autoprefixer, and CSSO
         tasks: ['concat-anim', 'autoprefixer', 'csso'],
@@ -58,7 +58,7 @@ module.exports = function(grunt) {
   grunt.registerTask('default', ['watch']);
 
   grunt.registerTask('concat-anim', 'Concatenates activated animations', function () {
-    var config = grunt.file.readJSON('.animate-config'),
+    var config = grunt.file.readJSON('.animate-config.json'),
         target = [ 'source/_base.css' ],
         count = 0
 
diff --git a/README.md b/README.md
index dc06cab..826e0d2 100644
--- a/README.md
+++ b/README.md
@@ -44,7 +44,7 @@ $ cd path/to/animate.css/
 $ sudo npm install
 ```
 
-Next, run `grunt watch` to watch for changes and compile your custom builds. For example, if you want only some of the the “attention seekers”, simply edit the `.animate-config` file to select only the animations you want to use.
+Next, run `grunt watch` to watch for changes and compile your custom builds. For example, if you want only some of the the “attention seekers”, simply edit the `.animate-config.json` file to select only the animations you want to use.
 
 ```javascript
 "attention_seekers": {